整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

JavaScript 运算符

avaScript 运算符

  • JS 变量
  • JS 算数

JavaScript 运算符

实例

向变量赋值,并把它们相加:

var x = 7;		// 向 x 赋值 5
var y = 8;		// 向 y 赋值 2
var z = x + y;		// 向 z (x + y) 赋值 7

赋值运算符(=)把值赋给变量。

赋值

var x = 15;

加法运算符(+)对数字相加:

加法

var x = 7;
var y = 8;
var z = x + y;

乘法运算符(*)对数字相乘:

乘法

var x = 7;
var y = 8;
var z = x * y; 

JavaScript 算数运算符

算数运算符用于对数字执行算数运算:

运算符 描述 + 加法 - 减法 * 乘法 / 除法 % 系数 ++ 递加 -- 递减

注释:JS 算数这一章对算数运算符进行了完整描述。

JavaScript 赋值运算符

赋值运算符向 JavaScript 变量赋值。

运算符 例子 等同于 = x = y x = y += x += y x = x + y -= x -= y x = x - y *= x *= y x = x * y /= x /= y x = x / y %= x %= y x = x % y

加法赋值运算符(+=)向变量添加一个值。

赋值

var x = 7;
x += 8; 

注释:JS 赋值这一章中完整描述了赋值运算符。

JavaScript 字符串运算符

+ 运算符也可用于对字符串进行相加(concatenate,级联)。

实例

txt1 = "Bill";
txt2 = "Gates";
txt3 = txt1 + " " + txt2; 

txt3 的结果将是:

Bill Gates

+= 赋值运算符也可用于相加(级联)字符串:

实例

txt1 = "Hello ";
txt1 += "Kitty!"; 

txt1 的结果将是:

Hello Kitty!

提示:在用于字符串时,+ 运算符被称为级联运算符。

字符串和数字的相加

相加两个数字,将返回和,但对一个数字和一个字符串相加将返回一个字符串:

实例

x = 7 + 8;
y = "7" + 8;
z = "Hello" + 7;

x、y 和 z 的结果将是:

15
78
Hello7

提示:如果您对数字和字符串相加,结果将是字符串!

JavaScript 比较运算符

运算符 描述 == 等于 === 等值等型 != 不相等 !== 不等值或不等型 > 大于 < 小于 >= 大于或等于 <= 小于或等于 ? 三元运算符

注释:JS 比较这一章中完整描述了比较运算符。

JavaScript 逻辑运算符

运算符 描述 && 逻辑与 || 逻辑或 ! 逻辑非

注释:JS 比较这一章中完整描述了逻辑运算符。

JavaScript 类型运算符

运算符 描述 typeof 返回变量的类型。 instanceof 返回 true,如果对象是对象类型的实例。

注释:JS 类型转换这一章完整描述了类型运算符。

JavaScript 位运算符

位运算符处理 32 位数。

该运算中的任何数值运算数都会被转换为 32 位的数。结果会被转换回 JavaScript 数。

运算符 描述 例子 等同于 结果 十进制 & 与 5 & 1 0101 & 0001 0001 1 | 或 5 | 1 0101 | 0001 0101 5 ~ 非 ~ 5 ~0101 1010 10 ^ 异或 5 ^ 1 0101 ^ 0001 0100 4 << 零填充左位移 5 << 1 0101 << 1 1010 10 >> 有符号右位移 5 >> 1 0101 >> 1 0010 2 >>> 零填充右位移 5 >>> 1 0101 >>> 1 0010 2

上例使用 4 位无符号的例子。但是 JavaScript 使用 32 位有符号数。

因此,在 JavaScript 中,~ 5 不会返回 10,而是返回 -6。

~00000000000000000000000000000101 将返回 11111111111111111111111111111010。

注释:我们将在 JS 位运算这一章为您详解位运算符。

、链接标签

链接标签是HTML页面中最为常见,而且用途最广的一个标签,只要我们浏览网页,就会有超链接。比如,通过点击新闻标题链接到新闻详情页面,通过点击商品名称链接到商品列表或者详情页等等。

  • 缩写

anchor , 锚

  • 说明

在HTML中创建超链接,只需用a标签包括被链接的对象

  • 语法

<a href="跳转目标" target="目标窗口的弹出方式">文本或图像</a>

href:用于指定链接目标的url地址,必须属性

target:用于指定链接页面的打开方式,其取值有 self和 _blank两种,其中 _self为默认值,_blank为在新窗口中打开方式

  • 注意

(1)当需要链接到 外部链接时,需要添加 http://

(2)当需要内部链接时,直接链接内部页面名称即可 如 < a href=“index.html”> 首页

(3)如果暂时没确定链接目标时,一般将href属性值定义为“#”,表示暂时为一个空链接

(4)不仅可以创建文本超链接,在网页中各种网页元素,如图像、表格、音频、视频等都可以添加超链 接, 只要用a标签包括即可

锚点定位

在当前html页面上,通过创建锚点链接,用户能够快速定位到指定内容。

适用于内容较多的页面,通过点击关键词,可以快速到达指定区域。

  • 步骤

(1)使用唯一的id标注目标位置

(2)使用<a href="#id名“>链接文本创建链接

二、特殊字符标签(了解)

在html页面中,有些符号直接添加是无法正常显示的,这个时候就用一些特殊的标签来表示这类符号,而这类特殊的标签,我们就叫做特殊字符标签。

  • 常用的特殊字符标签

、什么是HTML

HTML简介

HTML是用来描述网页的一种语言,它是一种超文本标记语言,由一套标记标签组成,在制作网页时,HTML使用标记标签来描述网页。

发展史


HTML:Hyper Text Markup Language超文本标记语言

超文本标记语言—在1993年6月互联网工程工作小组工作案发布(并非标准)

HTML2.0—1995年11月作为RFC1866发布,在RFC2854于2000年6月发布之后被宣布过时。

HTML3.2—1996年1月14日,W3C推荐标准

HTML4.0—1997年12月18日,W3C推荐标准

HTML4.01(微小改进)—1999年12月24日,W3C推荐标准,2000年5月15日发布基本严格的HTML4.01语法,是国标标准化组织和国际电工委员会的标准

XHTML1.0—发布于2000年1月26日,是W3C推荐标准,后来经过修订于2002年8月1日重新发布

XHTML1.1—2001年5月31日发布

XHTML2.0是W3C的工作草案,由于改动过大,学习这个新技术的成本过高而最终胎死腹中,因此,现在最常用的还是XHTML1.0标准。

目前最新的版本为HTML5,它是2004年被提出,2007年被W3C接纳并成立新的HTML工作团队,

2008年1月22日公布HTML5第一份正式草案,

2012年12月17日HTML5规范正式定稿,

2013年5月6日,HTML5.1正式草案公布。

HTML 5作为最新版本,提供了一些新的元素和一些有趣的新特性,同时也建立了一些新的规则。这些元素、特性和规则的建立,提供了许多新的网页功能,如使用网页实现动态渲染图形、图表、图像和动画,以及不需要安装任何插件直接使用网页播放视频等。目前企业开发中也在增大使用HTML5的力度

HTML的优势

  • 各大浏览器厂商对H5的支持
  • 市场的需求
  • 跨平台

二、HTML的基本结构

  • <html>......</html> HTML文档的开始和结束标记。
  • <head>……</head> 头控制标记,不在界面上进行展示,子标签可设置SEO优化的一些内容以及设置网页的编码。
  • <title>……</title>:设置浏览器的窗口上标题。
  • <body>……</body>:页面可见内容。

三、HTML的基本标签

  • 标题标签

h1~h6


源代码

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>标题标签</title>

</head>

<body>

<h1>这是一级标题</h1>

<h2>这是二级标题</h2>

<h3>这是三级标题</h3>

<h4>这是四级标题</h4>

<h5>这是五级标题</h5>

<h6>这是六级标题</h6>

<h7>这是七级标题</h7>效果怎么显示不出来呢???

<h1>这是一级标题</h1>

</body>

</html>

浏览器预览效果


  • 段落标签和换行标签

p标签为段落标签,br标签为换行标签


源代码

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>段落和换行标签</title>

</head>

<body>

<h1>北京欢迎你</h1>

<p>北京欢迎你,<br>为你开天辟地</p>

<p>北京欢迎你,<br/>有有勇气就会有奇迹</p>

</body>

</html>


浏览器预览效果图


  • 水平线标签

hr标签为水平线标签


源代码

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>水平线标签</title>

</head>

<body>

<h1>漂洋过海来看你</h1>

<hr>

<p>为你我用了半年的积蓄,<br>漂洋过海来看你</p>

<hr/>

</body>

</html>


浏览器预览效果图


  • 字体样式标签

em为斜体标签,strong为字体加粗标签


源代码

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>字体样式标签</title>

</head>

<body>

<h1>漂洋过海来看你</h1>

<hr>

<p>为你我用了<em>2017</em>半年的<strong><em>积蓄</em></strong>,<br>

<em><strong>漂洋过海</strong></em>来看你

</p>

<hr/>

</body>

</html>


浏览器预览效果图

  • 注释和特殊符号

注释使用:<!--被注释的内容-->

大于号:> great than的缩写

小于号:< less than的缩写

双引号:""

版权符号:©

空格:


源代码

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>注释和特殊符号</title>

</head>

<body>

<pre>

注释使用:<!--被注释的内容-->

大于号:> great than的缩写

小于号:< less than的缩写

双引号:""

版权符号:©

空格:

</pre>

<!-- 我是被注释的内容,我只留给你们看,不会在页面上显示 -->

5<10>6 <br>

"我是被双引号引起来的内容"<br>

©自由职业开发者公司<br>

我是 测试 空 格的

</body>

</html>


浏览器预览效果图


以上就是HTML的简单入门,后续带大家更深入的了解HTML