欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

前端-JavaScript

程序员文章站 2022-04-29 18:28:13
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可以通过下面方法输出数据:

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