JavaScript简介

来源:互联网 发布:秦柯 python 编辑:程序博客网 时间:2024/05/21 10:18

JavaScript简介

JavaScript是NetScape公司为Navigator浏览器开发的,是显示HTML文件中的一种脚本语言,能实现网页内容的交互显示。当用户在客户端显示该网页时,浏览器就会执行JavaScript程序,用户通过交互的操作来改变网页的内容,来实现HTML语言无法实现的效果。

如何使用JavaScript

<script></script>

通过<script></script>中直接编写

代码

<!DOCTYPE html><html>    <head>        <meta charset="UTF-8">        <title></title>    </head>    <body>        <script type="text/javascript">            alert('js课程开始了')        </script>    </body></html>

显示结果

1-1

<script src=’ ‘><script>

通过<script src=’目标文档的URL’><script>连接外部Js文件

代码

test1.html

<!DOCTYPE html><html>    <head>        <meta charset="UTF-8">        <title></title>    </head>    <body>        <script src="js/test1.js" type="text/javascript" charset="utf-8"></script>    </body></html>

test1.js

document.write('hello');

显示结果

1-2

href属性值

作为某个元素的时间属性值或者是超链接的href属性值

代码

<!DOCTYPE html><html>    <head>        <meta charset="UTF-8">        <title></title>    </head>    <body>        <a href="javascript:confirm('缺人吗')">报名</a>        <p onclick="javascript:alert('hello word')">            click me        </p>    </body></html>

显示结果

1-3

代码屏蔽

浏览器支持js时可执行,不支持时不执行

<script type="text/javascript">    <!--        js代码    //--></script>

如果浏览器不支持JS可以使用

<noscript>    该浏览器不支持js</noscript>

JavaScript的基本语法

  • JavaScript的执行顺序:按照HTML文件中出现的顺序依次执行
  • 大小写敏感:JavaScript严格区分大小写
  • 忽略空白符和换行符
  • 语句分隔符:使用;结束语句,可以把多个语句写在一行,最后一个语句的分好可以省略,但尽量不要省略。可以使用{}括成一个语句组,形成一个block
  • 通过\对代码进行折行操作:document.write(‘hello\world’);
  • //单行注释 多行注释/注释内容/
  • JavaScript中的保留字:abstract,else,instanceof,super,boolean,enum,int,switch,break,export,interface,synchronized,byte,extends,let,this,case,false,long,throw,catch,final,native,throws,char,finally,new,transient,class,float,null,true,const,for,package,try,continue,function,private,typeof,debugger,goto,protected,var,defaut,if,public,void,delete,inplements,return,volatile,do,import,short,while,doble,in,static,width
  • 通过document.write()向文档书写内容
  • 通过console.log()向控制台写入内容
  • 语法错误:通过控制台进行调试
  • 逻辑错误:通过alert() 进行调试
0 0
原创粉丝点击