js 0.0
This commit is contained in:
140
js/note/day1.html
Normal file
140
js/note/day1.html
Normal file
@@ -0,0 +1,140 @@
|
||||
<!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>
|
||||
0
js/note/day2.html
Normal file
0
js/note/day2.html
Normal file
Reference in New Issue
Block a user