JS文件引用及命名规则

概述:JavaScript是一种轻型的,解释性的脚本语言,由浏览器内的解释器执行的程序语言。

js在html中使用的三种方式

1.HTML文件混合方式

<body>
<script type="text/javascript">
document.write("html文件混合方式");
</script>
</body>

2.js文件引用

类似于Css文件的引用,只是标签不同:
在同一个文件夹内建好html、css、js、images等文件夹,将对应的文件放入即可引用

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>js外部引用</title>
    <link rel="stylesheet" href="../css/demo.css">
    <script src="../js/demo.js" type="text/javascript"></script>
</head>
<body>
    
</body>
</html>

3.HTML代码嵌入方式
将脚本程序代码作为某个html页面元素的事件属性值或者超链接的href属性值。

<body>
    <a href="javascript:document.write('html代码嵌入方式');">请点击我</a>
</body>

基本规则

JavaScript和其他语言一样,有着独特的语法结构,主要包含变量、数据类型、运算符号、控制语句、注释等。
js是弱类型语言,变量可以不声明而直接复制,但容易出错,且调试不易,不推荐使用,所以要规范使用:
注意:

  1. 第一个字符必须是字母、下划线(_)或美元符号($)。
  2. 其它字符可以是字符、下换线、数字、美元符号。
  3. 区分大小写。
  4. 不能与关键字同名,例:while、for、if等。
<body>
    <script>
        var message="hello,js";
        document.write("欢迎学习"+message);
    </script>
</body>

typeof操作符是用来检测给定变量的数据类型
数据类型
undefined:对未初始化的变量及未声明的变量。
boolen:true或false。
number:整数或浮点数。
string:用单或双引号来声明字符串。
object:js中的对象、数组、null。


<body>
    <script>
        var str="meaaage";
        document.write(typeof str+"<br/>");
        var other;
        document.write(typeof other+"<br/>");
        var numb=10.0;
        document.write(typeof numb+"<br/>");
        var date=new Date();
        document.write(typeof date+"<br/>");
        var bool=1<2;
        document.write(typeof bool);
    </script>
</body>

效果:
在这里插入图片描述

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值