JavaScript相关

最新推荐文章于 2024-09-17 21:49:02 发布

Chen NAN1024

最新推荐文章于 2024-09-17 21:49:02 发布

阅读量68

点赞数

分类专栏：网页设计相关文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/NAN010101/article/details/121308465

版权

网页设计相关专栏收录该内容

4 篇文章 0 订阅

订阅专栏

这篇博客介绍了JavaScript的基本使用，包括<script>标签的位置，外部JS脚本的引入，document.write用于屏幕输出，利用console进行调试，以及如何创建和运行代码片段。此外，还讲解了alert()弹窗，通过getElementById获取元素，onclick事件调用函数，变量声明与赋值，以及innerHTML属性更新HTML内容。文章还提到了变量命名规则，数组的定义，并对比了let和var的作用域差异。

摘要由CSDN通过智能技术生成

<script> 内容</script>均在标签内才可实行。js脚本可以放在<body>中也可以放入<head>中。若调用外部的js脚本需要在body中导入脚本文件：<script src="myscript.js"></script>
document.write("<p></p>")；可以直接在屏幕上输出；
调试代码---检查中的console进行调试。若要创建小脚本则需要在Sources面板上选择Snippets选项卡，右击选择Create new snippet来创建一个脚本文件。ctrl+s保存即可。右击（run）执行代码。
弹出窗口alert()。document.getElementById("id“的方法进行获取id的元素。也可以调用函数：利用οnclick="f（）”然后调用js中的function f(){}函数
```
<button onclick="myFunction()">点我</button>

<script>
function myFunction() {
    document.write(Date());
}
</script>
```

定义变量var x;

<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = (5 + 6) * 10;
</script>

若给变量赋值：document.getElementById("demo").innerHTML=z；

function myFunction(a, b) {
    return a * b;                                // 返回 a 乘以 b 的结果
}

脚本中可以手动直接加入空格。代码进行拆行：document.write("你好\世界");
注释：单行注释//就可以;多行注释/* */
变量必须以字母开头;变量也能以 $ 和 _ 符号开头（不过我们不推荐这么做）;变量名称对大小写敏感（y 和 Y 是不同的变量）

声明一个变量，然后将其赋值后写入html段落中去。

<p id="demo"></p>
<script>
function myFunction(){
	var carname="Volvo";
	document.getElementById("demo").innerHTML=carname;
}
</script>

let声明的变量只在{}中适用，其他方面中并不适用。var在函数外声明的是全局变量，而子啊函数中声明的就是局部的。

<p id="demo"></p>
<script>
function myFunction(a,b){
	return a*b;
}
document.getElementById("demo").innerHTML=myFunction(4,3);
</script>

var x = 10;
// 这里输出 x 为 10
{ 
    var x = 2;
    // 这里输出 x 为 2
}
// 这里输出 x 为 2
若：
var x = 10;
// 这里输出 x 为 10
{ 
    let x = 2;
    // 这里输出 x 为 2
}
// 这里输出 x 为 10