JavaScript简介

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>
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() 进行调试
阅读更多
文章标签: js
个人分类: 前端开发
上一篇JavaScript中分号;的使用注意
下一篇17分钟过桥,过桥最短时间问题
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

关闭
关闭
关闭