当前位置: 移动技术网 > IT编程>开发语言>JavaScript > 前端-JavaScript

前端-JavaScript

2019年06月23日  | 移动技术网IT编程  | 我要评论

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可以通过下面方法输出数据:

  1. 使用window.alert()弹窗输出,可以直接用alert();

  2. 使用console.log()输出到浏览器的控制台。

    console.log("hello");
  3. 使用document.write()方法吧内容写到html文档中。

    document.write("hello");
  4. 使用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对大小写敏感,所以编写代码时要注意。

 

如对本文有疑问, 点击进行留言回复!!

相关文章:

验证码:
移动技术网