java-HTML&javaSkcript&CSS&jQuery&ajax( 八)
一、JavaScript教程笔记
1、在web页面中一般使用JavaScript脚本语言，支持跨平台，跨浏览器，驱动网页，与用户交互。另外Node.js把JavaScript引入到了服务器端。
JavaScript 代码直接放在HTML语言中是可以直接运行的，一般豆浆JavaScript代码放在<head>标签中
<html><head> <script>alert('')</script></head><body></body></html>
2、另外就是JavaScript不区分整数和浮点数，同意使用number表示，注意 NaN表示 not a number ,Infinity表示超过了表示的数值范围。有一点注意的是，JavaScript中的==会自动转换数据类型再进行比较大小，另外一种是，===不会自动转换数据类型直接进行比较。
JavaScript数组可同时包含任何数据类型，访问数组对象可以直接通过数据索引访问，例如 var arr=[2,32,4,true,none,''Hello''] arr[1]
3、JavaScript的对象十一组由键值对组成无序集合。
ver person={
name:'BOb'; age:23; tags:['js','web','mobile'], city:'Beijing',};从以上可以看出，JavaScript的对象的键都是String类型，但是值可以使任何类型的数据
var a = 123; // a的值是整数123 a = 'ABC 像这种变量类型不固定的语言称之为动态语言，java就是静态语言，申明之前必须确定其类型。
使用consol.log()代替alert()函数的好处就是可以避免出现对话框，使用的转义字符是 \
在ES6中使用的字符串转义符 例如 var name='xiaomi'; var age=0; var message='你好 ， ${name}, ${age}';就会自动替换变量 相当于使用了+ 号
另外字符串是不可变量，就像python语言中的元祖一样 var s='Test'; s[0]='X' alert(s) 还是Test 但是他并不会报错。
另外就是字符创的转换问题，toUpperCase() toLowerCase()，以及indexOf() ---->搜索字符串出现的位置， subString()函数返回指定索引区间的子串
indexOf
与String类似，Array也可以通过indexOf()来搜索一个指定的元素的位置：
var arr = [10, 20, '30', 'xyz'];
arr.indexOf(10); // 元素10的索引为0
arr.indexOf(20); // 元素20的索引为1
arr.indexOf(30); // 元素30没有找到，返回-1
arr.indexOf('30'); // 元素'30'的索引为2
4、slice()函数就是对应的String的subString()版本，他截取Array的部分元素，然后返回一个新的Array
var arr=['A','B','C'] arr.slice(0,3) 从0开始到3的索引值，如果 slice()不传递参数的话会从头到尾截取张哥数组，相当于复制数组
var arr = ['A', 'B', 'C', 'D', 'E', 'F', 'G']; var aCopy = arr.slice(); aCopy; // ['A', 'B', 'C', 'D', 'E', 'F', 'G'] aCopy === arr; // false
slice()函数方法修改Array数组，可以从指定的索引开始修改替换掉
var arr = ['Microsoft', 'Apple', 'Yahoo', 'AOL', 'Excite', 'Oracle']; // 从索引2开始删除3个元素,然后再添加两个元素: arr.splice(2, 3, 'Google', 'Facebook'); // 返回删除的元素 ['Yahoo', 'AOL', 'Excite'] arr; // ['Microsoft', 'Apple', 'Google', 'Facebook', 'Oracle'] // 只删除,不添加: arr.splice(2, 2); // ['Google', 'Facebook'] arr; // ['Microsoft', 'Apple', 'Oracle'] // 只添加,不删除: arr.splice(2, 0, 'Google', 'Facebook'); // 返回[],因为没有删除任何元素 arr; // ['Microsoft', 'Apple', 'Google', 'Facebook', 'Oracle']
concat()函数返回的是一个新的数组，并不是在原来的数组上进行修改。
join
join()方法是一个非常实用的方法，它把当前Array的每个元素都用指定的字符串连接起来，然后返回连接后的字符串：
var arr = ['A', 'B', 'C', 1, 2, 3]; arr.join('-'); // 'A-B-C-1-2-3'
5、如果对象中的键名是一个含有特殊字符的变量 则要加‘’
var xiaohong = {
name: '小红',
'middle-school': 'No.1 Middle School'
};
一、Html部分
HTML基础：
1、HTML标题（heading）t通过<h1><h6>标签定义，
eg：<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>SueKay</title>
<body>
<h1>it's my sister </h1>
<p>it's your sister</p.html
>
</body>
</html>
2、段落标<p>,</p> ，<hr >这个标签用于对段落的分割,段落顺序倒着写<p><bdo dir="rtl">这段文字倒着显示</bdo></p>
删除效果<p>My favorite color is <del>blue</del> <ins>red</ins></p>
<! DOCTYPE html >
<html>
<head>it's my notebook</head>
<body><p>it's your dog </p>
<p>it's second <br> paragraph</p><body>
</html>
另外HTML的注释,<!--it's notesiad-->，插入段落之间的水平线使用标签<hr/>,在一个段落中实现回行，直接键入标签<br>
3、HTML链接<a href="http://www.baidu.com">it's a link</a>
4、HTML图像链接 <img src=“img/log/png ” width=“23” height=“23”>
5、文本格式化：对<body>中的字体进行设置<b> 粗体 <i>斜体显示。<sub></sub>下标 <sup></sup>上标，
<pre></pre>标签的使用保留原来文本的输入样式
<code></code>计算机输出标签样式，<var></var >计算机变量。
<address> written by <a href="maitl:webster@example">Jon Doe</a></address>
