JavaScript简介

原创 2018年04月17日 00:01:37

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() 进行调试

第1周:机器学习简介-人工智能工程师直通车

-
  • 1970年01月01日 08:00

JavaScript语言简介

对JavaScript语言的一些认识   一、概念         JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引...
  • qq_24754061
  • qq_24754061
  • 2017-03-07 08:55:50
  • 485

1. javascript的简介和语言特点

  • qq_25201665
  • qq_25201665
  • 2016-10-18 21:16:23
  • 5632

JavaScript(01): JavaScript简介

1. JavaScript的历史 JavaScript诞生于1995年,如今全世界无数的网页在依靠它完成各种关键任务,JavaScript已经从过去装饰性的一种脚本语言转变为主流的编程语言,可以...
  • jackfrued
  • jackfrued
  • 2012-05-03 15:48:40
  • 4010

JavaScript中文简介 亲自整理

  • 2010年01月16日 11:24
  • 99KB
  • 下载

HTML5之JavaScript简介(一)

一、JS的基本语法 01-输出helloWorld // alert('hello world!');
  • wzc10101415
  • wzc10101415
  • 2017-03-22 20:31:24
  • 348

使用scrapy的定制爬虫-第三章-爬虫的javascript支持

http://my.oschina.net/u/1024140/blog/119752 -.-编辑中.我语文是数学老师教的... 后续补充参考代码,链接. 很多网站都使用...
  • oMingZi12345678
  • oMingZi12345678
  • 2016-05-05 17:22:13
  • 537

JavaScript浏览器对象

  • 2010年01月30日 15:54
  • 428KB
  • 下载

javascript语言精粹(中英文版)

  • 2014年12月06日 08:52
  • 17.11MB
  • 下载

web前端三大技术介绍之Javascript

今天我们先来介绍一下,我们的js大法,什么是js呢?js全名javascript,它因互联网而生,随着浏览器的问世而出现,那要想更深的了解js呢,我们就要从浏览器的历史开始说起。 1...
  • oldDu_Driver
  • oldDu_Driver
  • 2017-07-08 19:31:21
  • 213
收藏助手
不良信息举报
您举报文章:JavaScript简介
举报原因:
原因补充:

(最多只允许输入30个字)