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> |