JS简介

1.概念

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

2.如何使用JavaScript

三种形式:

  1. 通过< script >< /script >中直接编写
  2. 通过< script src=“目标文件的URL”>< /script >链接外部的Js文件
  3. 作为某个元素的事件属性值或者是超链接的href属性值
    举例

1> 第一种形式

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>

</head>
<body>
    <script type='text/javascript'>
        alert('你好')
    </script>
</body>
</html>

在这里插入图片描述
2>第二种形式
HTML中

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>

</head>
<body>
    <script type='text/javascript'>
        alert('你好')
    </script>
    <script src="text.js" type="text/javascript" charset="UTF-8"></script>
</body>
</html>

JS中

document.write('this is a test.');

在这里插入图片描述
3>第三种

<body>
    <script type='text/javascript'>
        alert('你好')
    </script>
    <script src="text.js" type="text/javascript" charset="UTF-8"></script>
    <a href="javascript:confirm('欢迎来到JS世界')">欢迎</a>
</body>

在这里插入图片描述
点击欢迎后,显示
在这里插入图片描述
或者

    <script type='text/javascript'>
        alert('你好')
    </script>
    <script src="text.js" type="text/javascript" charset="UTF-8"></script>
    <a href="javascript:confirm('欢迎来到JS世界')">欢迎</a>
    <p οnclick="javascript:alert('hello my darling')">clickMe</p>

在这里插入图片描述
在这里插入图片描述

3.代码屏蔽

<script type='text/javascript'>
<!--
	JS代码
//-->/*防止浏览器不支持浏览器而产生的错误*/
/* <!--  //-->如果不被支持,则不起作用;如果支持,则就会被忽略*/
</script>

ps:如果浏览器不支持JS,可以使用< noscript >< /noscript >标签,显示noscript中的内容。

4.JavaScript的基本语法

  1. JavaScript的执行顺序:按照在HTML文件中出现的顺序依次执行。
  2. 大小写敏感:JavaScript严格区分大小写
  3. 忽略空白符和换行符:JavaScript会忽略关键字、变量名、数字、函数名、或者其他各种元素之间的空格、制作表或者换行符。
    ps:我们可以使用缩进、换行来使代码整齐,提高可读性。
  4. 语句分隔符:
    1>使用" ; "结束语句
    2>可以把多个语句写在一行
    3>最后一个语句的分号可以省略,但是尽量不要省略
    4>可以使用{ }括成一个语句组,形成一个块block
    5>通过/对代码进行折行操作:document.write(‘Hello\world’);
    6>注释:<1>单行注释: // <2> 多行注释:/* 注释内容 */
  5. JavaScript的保留字
abstractelseinstanceofsuper
booleanenumintswitch
breakexportinterfacesynchronized
byteextendsletthis
casefalselongthrow
catchfinalnativethrows
charfinallynewtransient
classfloatnulltrue
constforpackagetry
continuefunctionprivatetypeof
debuggergotoprotectedvar
deflaultifpublicvoid
delectimplementsreturnvolatile
doimportshortwhile
doubleinstaticwith
  1. 通过document.write()向文档书写内容
  2. 通过console.log()向控制台写入内容
  3. JavaScript中的错误:1>语法错误:通过控制台进行调试; 2>逻辑错误:通过alert()进行调试
  • 1
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值