前端-JavaScript

最新推荐文章于 2022-03-26 14:09:29 发布

转载最新推荐文章于 2022-03-26 14:09:29 发布 · 50 阅读

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/ck0630/p/11073034.html

本文介绍了JavaScript，它是互联网流行脚本语言，可用于HTML、web及多种设备，是轻量级编程语言，易学习。还阐述了在HTML页面插入JavaScript的方法、输出数据的方式、操作HTML元素的途径，以及基本语法、赋值语句、注释等内容，并给出注意事项。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

JavaScript简介

JavaScript 是互联网上最流行的脚本语言，这门语言可用于 HTML 和 web，更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。

JavaScript 是一种轻量级的编程语言。是可插入 HTML 页面的编程代码。JavaScript 插入 HTML 页面后，可由所有的现代浏览器执行。JavaScript 很容易学习。

如何用JavaScript

要在html页面中插入JavaScript，要使用<script>标签，例如：

<script>
    alert("hello");
</script>
//弹窗输出“hello”

也可以新建一个js文件，然后在html页面中使用<script src="要导入的js文件"></script>，把JavaScript代码放入一个单独的js文件中更利于维护代码，并且多个页面可以各自引用同一份js文件。

JavaScript输出

JavaScript本身没有任何打印或者输出的函数。

JavaScript可以通过下面方法输出数据：

使用window.alert()弹窗输出，可以直接用alert()；
使用console.log()输出到浏览器的控制台。
```
console.log("hello");
```
使用document.write()方法吧内容写到HTML文档中。
```
document.write("hello");
```
```
使用innerHTML写到HTML元素中
```

　　　　document.getElementById("a").innerText = "你好啊";

注意事项：

document.write()输出时会调用Object.toString方法，所以为对象时会输出[Object],而console.log()会直接将对象内容打印出来。所以调试的时候，调用console.log()比较好，少用document.write()方法。

在JavaScript中操作HTML元素

　　如果需要在JavaScript中访问某个HTML元素，可以使用document.getElementById(id) 等方法。id要在HTML目标元素中定义。例如：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>test</title>
    
</head>
<body>

<input id ="a" >
    
<script>
        document.getElementById("a").innerHTML="abc";
    </script>

</body>
</html>

JavaScript基本语法

　　JavaScript语法和Java语言比较相似，语句以；结尾，语句块用中括号{ }。虽然JavaScript并不强求语句结尾加；，浏览器执行JavaScript时会自动在结尾加上；，但是养成良好的编码习惯，还是应该自己加上；。

　　JavaScript赋值语句

var a =123；
var b = 1.11；
var c = '嗨';
var d = "hello";
var e = true;

　因为JavaScript语法相对比较随意，所以也可以这样：

a = 123；

"hello"

　　注释

　　单行注释

　　　　以//开头直到行尾的字符会被视为行注释，JavaScript不会执行注释内容。

　　多行注释/* */

/*这是注释第一行
    这是第二行
    这是第三行*/

　　注意事项：

　　JavaScript对大小写敏感，所以编写代码时要注意。

转载于:https://www.cnblogs.com/ck0630/p/11073034.html