向变量赋值,并把它们相加:
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;
算数运算符用于对数字执行算数运算:
运算符 描述 + 加法 - 减法 * 乘法 / 除法 % 系数 ++ 递加 -- 递减
注释:JS 算数这一章对算数运算符进行了完整描述。
赋值运算符向 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 赋值这一章中完整描述了赋值运算符。
+ 运算符也可用于对字符串进行相加(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
提示:如果您对数字和字符串相加,结果将是字符串!
运算符 描述 == 等于 === 等值等型 != 不相等 !== 不等值或不等型 > 大于 < 小于 >= 大于或等于 <= 小于或等于 ? 三元运算符
注释:JS 比较这一章中完整描述了比较运算符。
运算符 描述 && 逻辑与 || 逻辑或 ! 逻辑非
注释:JS 比较这一章中完整描述了逻辑运算符。
运算符 描述 typeof 返回变量的类型。 instanceof 返回 true,如果对象是对象类型的实例。
注释:JS 类型转换这一章完整描述了类型运算符。
位运算符处理 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: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的优势
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
*请认真填写需求信息,我们会在24小时内与您取得联系。