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>

<p>it's second <br> paragraph</p><body>

</html>

另外HTML的注释,，插入段落之间的水平线使用标签<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>