【JavaScript】第一阶段学习（语法）

xinxuey

已于 2022-04-13 18:57:49 修改

阅读量745

点赞数

分类专栏：前端文章标签： javascript

于 2022-04-13 14:30:44 首次发布

本文链接：https://blog.csdn.net/xinxuey/article/details/124125650

版权

前端专栏收录该内容

2 篇文章 0 订阅

订阅专栏

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); // 已经删除 报错变量未定义

xinxuey

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
【JavaScript】第一阶段学习（语法）

JavaScript 语句是发给浏览器的命令。这些命令的作用是告诉浏览器要做的事情。<script>标签在HTML中插入JS，使用<script>标签告诉JS在何处开始和结束<script>...</script>在 <head> ， <body> 和外部文件的JS函数脚本可位于 HTML 的 <body> 或 <head> 部分
复制链接

扫一扫