一、DOM操作元素
//1创建div
var div = document.createElement(“div”);
//2把div添加到map
map.appendChild(div);
map.offsetWidth 获取map地图元素的宽度
map.offsetHeight获取map地图元素的高度
//3把div添加到数组element中
elements.push(div);
//4再次把elements中的这个子元素也要删除
elements.splice(i,1);从i开始删除一个元素
//5把上面定义的Food方法暴露给window，外部可以使用
window.Food = Food;
二、扩展
1、Symbol 是 ES6 引入了一种新的原始数据类型，表示独一无二的值。
2、typeof用来检测变量的数据类型。
js作用域:全局变量和局部变量
// 此处可调用 carName 变量
function myFunction() {
carName = "Volvo";
// 此处可调用 carName 变量
}
function myFunction() {
var carName = "Volvo";
// 有var声明为局部变量
}
三、JavaScript 保留关键字
Javascript 的保留关键字不可以用作变量、标签或者函数名。有些保留关键字是作为 Javascript 以后扩展使用。ES5新添加的。
| abstract | arguments | boolean | break | byte |
|---|---|---|---|---|
| case | catch | char | class* | const |
| continue | debugger | default | delete | do |
| double | else | enum* | eval | export* |
| extends* | false | final | finally | float |
| for | function | goto | if | implements |
| import* | in | instanceof | int | interface |
| let | long | native | new | null |
| package | private | protected | public | return |
| short | static | super* | switch | synchronized |
| this | throw | throws | transient | true |
| try | typeof | var | void | volatile |
| while | with | yield |
四、Windows 保留关键字
JavaScript 可以在 HTML 外部使用。它可在许多其他应用程序中作为编程语言使用。
在 HTML 中，您必须（为了可移植性，您也应该这么做）避免使用 HTML 和 Windows 对象和属性的名称作为 Javascript 的变量及函数名：
| alert | all | anchor | anchors | area |
|---|---|---|---|---|
| assign | blur | button | checkbox | clearInterval |
| clearTimeout | clientInformation | close | closed | confirm |
| constructor | crypto | decodeURI | decodeURIComponent | defaultStatus |
| document | element | elements | embed | embeds |
| encodeURI | encodeURIComponent | escape | event | fileUpload |
| focus | form | forms | frame | innerHeight |
| innerWidth | layer | layers | link | location |
| mimeTypes | navigate | navigator | frames | frameRate |
| hidden | history | image | images | offscreenBuffering |
| open | opener | option | outerHeight | outerWidth |
| packages | pageXOffset | pageYOffset | parent | parseFloat |
| parseInt | password | pkcs11 | plugin | prompt |
| propertyIsEnum | radio | reset | screenX | screenY |
| scroll | secure | select | self | setInterval |
| setTimeout | status | submit | taint | text |
| textarea | top | unescape | untaint | window |
五、循环作用域
<script>
var i = 5;
for (var i = 0; i < 10; i++) {//使用了 var 关键字，它声明的变量是全局的，包括循环体内与循环体外。输出10
// 代码块...
}
document.getElementById("demo").innerHTML = i;
</script>
<script>
var i = 5;
for (let i = 0; i < 10; i++) {//使用 let 关键字， 它声明的变量作用域只在循环体内，循环体外的变量不受影响。
// 代码块...
}
document.getElementById("demo").innerHTML = i;
</script>
六、JavaScript JSON
| 作用 | 概述 |
|---|---|
| JSON 是用于存储和传输数据的格式 | 英文全称 JavaScript Object Notation |
| JSON 通常用于服务端向网页传递数据 | 是一种轻量级的数据交换格式。 |
| JSON 使用 JavaScript 语法 | 独立的语言 |
| 对于 AJAX 应用程序来说，JSON 比 XML 更快更易使用 | 易于理解 |
语法：定义一个数Json组包含是三个网站对象
"sites":[
{"name":"百度","url":"www.baidu.com"},
{"name":"新浪","url":"www.sina.com"},
{"name":"微博","url":"www.weibo.com"}
]
//发一：for循环对象的属性时，使用中括号（[]）来访问属性的值
// for(var i = 0;i<sites.length;i++){
// alert(sites[i].name);
// }
//法二：for-in 循环对象的属性时，使用中括号（[]）来访问属性的值
for(i in sites){
document.getElementById("demo").innerHTML += sites[i].name + "<br/>"
}
转载：https://blog.csdn.net/weixin_44439110/article/details/101223629
查看评论