前端-JavaScript

程序员文章站 2024-01-13 17:01:40

JavaScript简介 JavaScript 是互联网上最流行的脚本语言，这门语言可用于 HTML 和 web，更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。 JavaScript 是一种轻量级的编程语言。是可插入 HTML 页面的编程代码。JavaScript 插入 HTML ......

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对大小写敏感，所以编写代码时要注意。

上一篇：简单实现异步编程promise模式

下一篇：深入解读JavaScript中的Hoisting机制

前端-JavaScript