JavaScript 语句是发给浏览器的命令。
这些命令的作用是告诉浏览器要做的事情。
<script>标签
在HTML中插入JS，使用<script>标签告诉JS在何处开始和结束
<script>
...
</script>
<!--中间的便是JS代码 -->在 <head> ， <body> 和外部文件的JS函数
脚本可位于 HTML 的 <body> 或 <head> 部分中，或者同时存在于两个部分中。
通常的做法是把函数放入 <head> 部分中，或者放在页面底部。
还可以把脚本保存到外部文件中，如需使用在script中加入src属性设置该文件
<script src="name.js">
...
</script>注意：外部文件中的JS代码，不需要写<script>，直接写JS代码
Chrome的使用
按F12调出开发者工具
1.直接输入代码，回车键运行
?2.打开源代码->代码段->新代码段->
Ctrl+S保存->右键脚本代码点击运行
JS输出
-
使用?window.alert()?,alert()弹出警告框。
?
-
使用?document.write()?方法将内容写到 HTML 文档中。
?document.write() 仅仅向文档输出写内容。
如果在文档已完成加载后执行该函数（如中断函数里使用该函数），整个 HTML 页面将被覆盖。
-
使用?innerHTML?修改 HTML 元素。
HTML中有一个元素，需设置id属性
JS中便可使用 document.getElementById( id );? ?括号内是要访问HTML中的元素的id名字
innerHTML = "? ";? 用于修改HTML内容
<!DOCTYPE html>
<html>
<body>
<p id="my_id">Hello,World</p>
<script>
document.getElementById("my_id").innerHTML = "World";
</script>
</body>
</html>请使用 "id" 属性来标识 HTML 元素，并 innerHTML 来获取或插入元素内容：
-
使用?console.log()?写入到浏览器的控制台。
可以在控制台上查看需要调试的数据
JS语法
变量定义关键字????????var
1.数字：整数，小数，科学计数都可以? var a=123e5;? ?var a=123.231;
2.字符串：可以使用单引号或双引号? ? var a="hello";
3.数组? ??var a=[ 40 , 1 ,2 ];? ? ? ? ?var a[3] ="ABC" ;
4.对象? ?var a={ name:"xu",sex:"man" };? ? ? ? ? 访问格式：a.name;? ? ? ? a[ "name" ] ;
5.布尔值? ?var a = ture;? var a = false;
6.Undefined 这个值表示变量不含有值。可以通过将变量的值设置为 null 来清空变量。
字符串可以和数字相加? ?a=10+"vovle";
函数定义关键字 function
function f(a,b)
{
return 1;
}注释与C语言相同? //...? ? ? /*...*/
结束语句可以用分号;? 也可以不用
使用反斜杠\对代码行进行折行
document.write("hello \
world!");for/in循环语句
var person = {fname:"John", lname:"Doe", age:25};
var text = "";
var x;
for (x in person) {
text += person[x] + " ";
}
document.write(text);
try 和throw语句
语法：
try {
//尝试执行代码块
}
catch(err) {
//捕获错误的代码块
}
finally {
//无论 try / catch 结果如何都会执行的代码块
}throw在抛出异常时，JS 会停止程序的正常执行，并跳转到最近的?catch?子句。如果没有找到 ，便检查上一级的?catch?子句。如果没有找一直到catch则报错。
<input id="demo" type="text">
function myFunction() {
var x;
x = document.getElementById("demo").value;
try {
if(x == "") throw "为空";
if(isNaN(x)) throw "不是数字";
if(x > 10) throw "过大";
if(x < 5) throw "过小";
}
catch(err) {
document.write(err);
}
}
未声明的 JS变量分配值
非严格模式下给未声明变量赋值创建的全局变量，该变量将被自动作为 window 的一个属性，是全局对象的可配置属性，可以删除。
var var1 = 1; // 不可配置全局属性
var2 = 2; // 没有使用 var 声明，可配置全局属性
console.log(this.var1); // 1
console.log(window.var1); // 1
console.log(window.var2); // 2
delete var1; // false 无法删除
console.log(var1); //1
delete var2;
console.log(delete var2); // true
console.log(var2); // 已经删除 报错变量未定义
