140 lines
3.4 KiB
HTML
140 lines
3.4 KiB
HTML
|
<!DOCTYPE html>
|
|||
|
|
<html lang="en">
|
|||
|
|
<head>
|
|||
|
|
<meta charset="UTF-8">
|
|||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|||
|
|
<title>Document</title>
|
|||
|
|
</head>
|
|||
|
|
<body>
|
|||
|
|
<p>
|
|||
|
|
1.五大主流浏览器 以及内核
|
|||
|
|
<table>
|
|||
|
|
<tr>
|
|||
|
|
<th>浏览器</th>
|
|||
|
|
<th>内核</th>
|
|||
|
|
</tr>
|
|||
|
|
<tr>
|
|||
|
|
<td>Ie</td>
|
|||
|
|
<td>trident</td>
|
|||
|
|
</tr>
|
|||
|
|
<tr>
|
|||
|
|
<td>Firefox</td>
|
|||
|
|
<td>gecko</td>
|
|||
|
|
</tr>
|
|||
|
|
<tr>
|
|||
|
|
<td>Chrome</td>
|
|||
|
|
<td>Webkit/blink</td>
|
|||
|
|
</tr>
|
|||
|
|
<tr>
|
|||
|
|
<td>Safari</td>
|
|||
|
|
<td>Webkit</td>
|
|||
|
|
</tr>
|
|||
|
|
<tr>
|
|||
|
|
<td>Opera</td>
|
|||
|
|
<td>presto</td>
|
|||
|
|
</tr>
|
|||
|
|
</table>
|
|||
|
|
</p>
|
|||
|
|
<div>
|
|||
|
|
2.js 特点
|
|||
|
|
<ul>
|
|||
|
|
<li>是一种解释性语言 写完不需要编译 可以直接运行</li>
|
|||
|
|
<li>是单线程的 单线程 同一个时间只能做一件事</li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
<div>
|
|||
|
|
3.js 构成
|
|||
|
|
<ul>
|
|||
|
|
<li>ECMAscript 语言规范</li>
|
|||
|
|
<li>dom 节点树 对节点操作</li>
|
|||
|
|
<li>bom 浏览器暴露的接口 window.location.href</li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
<div>
|
|||
|
|
4.规范：
|
|||
|
|
<p>结构 样式 行为相分离</p>
|
|||
|
|
<P>引入方式上 尽量选择外部引入</P>
|
|||
|
|
<table>
|
|||
|
|
<tr>
|
|||
|
|
<td>结构</td>
|
|||
|
|
<td>HTML</td>
|
|||
|
|
</tr>
|
|||
|
|
<tr>
|
|||
|
|
<td>样式</td>
|
|||
|
|
<td>CSS</td>
|
|||
|
|
</tr>
|
|||
|
|
<tr>
|
|||
|
|
<td>行为</td>
|
|||
|
|
<td>JS</td>
|
|||
|
|
</tr>
|
|||
|
|
</table>
|
|||
|
|
</div>
|
|||
|
|
<hr/>
|
|||
|
|
<div>
|
|||
|
|
5.js 引入
|
|||
|
|
（一） html 文件内嵌
|
|||
|
|
<script>
|
|||
|
|
// js代码
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
（二） 外部引入
|
|||
|
|
<script src="url"></script>
|
|||
|
|
|
|||
|
|
<script src="url">
|
|||
|
|
document.write("明世隐")
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<!--
|
|||
|
|
url.js
|
|||
|
|
document.write('蔡文姬')
|
|||
|
|
-->
|
|||
|
|
|
|||
|
|
<p>
|
|||
|
|
<b>总结：如果同时使用内嵌和外部引入的方式引用 js 那么只有外部引入的方式能起作用</b>
|
|||
|
|
</p>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div>
|
|||
|
|
6. 变量和常量
|
|||
|
|
区别：变量的值能改变 常量的值不能改变
|
|||
|
|
|
|||
|
|
<p>
|
|||
|
|
6-1. 变量（varible）
|
|||
|
|
声明变量 var
|
|||
|
|
var a=1;
|
|||
|
|
var a;
|
|||
|
|
a=1
|
|||
|
|
|
|||
|
|
<p>
|
|||
|
|
声明多个变量
|
|||
|
|
var a=1,b=2,c=3;
|
|||
|
|
</p>
|
|||
|
|
|
|||
|
|
</p>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
<div>
|
|||
|
|
7.数据类型
|
|||
|
|
原始值
|
|||
|
|
number
|
|||
|
|
string
|
|||
|
|
undefined
|
|||
|
|
boolean
|
|||
|
|
null
|
|||
|
|
<p></p>
|
|||
|
|
引用值
|
|||
|
|
object
|
|||
|
|
|
|||
|
|
<p>原始值和引用值的区别： 原始值在栈里 如果赋给另一个变量 另一个变量的值发生了改变 这个变量值不变</p>
|
|||
|
|
<p>引用值在堆里 如果赋给另一个变量 另一个变量的值发生了改变 这个变量值也会变</p>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div>
|
|||
|
|
String() toString() 把目标转成字符串
|
|||
|
|
Number() 把目标转成数字
|
|||
|
|
parseInt() 转成整数
|
|||
|
|
parseFloat() 转成小数
|
|||
|
|
</div>
|
|||
|
|
</body>
|
|||
|
|
</html>
|