前端-JavaScript - Web - 程序员开发

TOP

前端-JavaScript

2019-09-17 18:36:57 【大中小】浏览:19次

Tags：前端 -JavaScript

java script简介

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

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

如何用java script

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

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

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

java script输出

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

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

使用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()方法。

在java script中操作HTML元素

　　如果需要在java script中访问某个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>

java script基本语法

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

　　java script赋值语句

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

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

a = 123；

"hello"

　　注释

　　单行注释

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

　　多行注释/* */

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

　　注意事项：

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


【大中小】【打印】【繁体】【投稿】【收藏】【推荐】【举报】【评论】【关闭】【返回顶部】

上一篇：地图下钻简单实现	下一篇：ES6-Proxy，代理