html中的JavaScript

modi000

于 2024-07-01 09:12:18 发布

阅读量23

点赞数

分类专栏： JavaScript 文章标签： html javascript 前端

原文链接：https://blog.csdn.net/qq_49032349/article/details/117660519

版权

JavaScript 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

JavaScript ——简介
JavaScript 是目前最流行脚本语言，简称 JS。JavaScript 编写在 HTML 页面中，由浏览器负责解释和执行，JavaScript 通常用来给 HTML 页面增加交互能力。

JS可以给html带来的功能：
为页面增加动画效果
验证表单输入项有效性
实现本地数据存储

html、CSS和JS之间的关系

JS的语言应用——内嵌式/内部式/外部式
在html中，可以通过以下三种方法来应用JS：

1.内嵌式：又称行内式，在HTML标签上编写JS，如：<button οnclick="alert('你好 JavaScript');">Hello！JavaScript</button>

<html>
<head>
    <meta charset="UTF-8">
    <title>JS</title>
</head>
<body>
 
<button onclick="alert('你好 JS');">Hello JS</button>  
  
</body>
</html>

2.内部式：在HTML页面中的script标签中编写JS，如:<script>...</ script >

<html>
<head>
    <meta charset="UTF-8">
    <title>JS</title>
 
    <script type="text/javascript">    	
        alert(“你好 JS”);    
    </script>
 
</head>
<body>
</body>
</html>

3.外部式：在HTML页面中引入外部JS文件，如：<script src=“xx.js"></ script >

<html>
<head>
    <meta charset="UTF-8">
    <title>JS</title>
</head>
<body>
    <script src="main.js"></script>
</body>
</html>

这个要在main.js文件中加入语句 alert(“你好 JS”); 才能运行。

JavaScript 变量——存储数据信息的“容器”
JS对变量定义比较特殊，使用var来进行定义，如：var name=“hello”;

命名规则：

1.变量名只能包含：字母、数字、下划线( _ )
2.不能以数字开头
3.不能使用JS关键字
4.变量名区分大小写，下面是两个不同的变量
var name=“学习”;

var Name=“XueXi” ;

<script type=“text/javascript”>        
    var age=21;
    var phone1=“13800000000”;
    var my_address=“YunNan”;
    
    x=5,y=10;
 
</script>

JS中定义多个变量利用逗号 , 分割，如：var name=“张三”,age,phone;

JS关键字

JS关键字又称“Js保留字”，不能用作变量名或者函数名，以下是部分保留字列表：

JavaScript 中的6种数据类型
1. 字符串（ String ）
var name = “张三”; // 字符串(单引号或双引号)

2. 数字（ Number）
var age = 20; // 数字

3. 布尔（ Boolean ）
var isFirst = true; // 布尔( true 或 false )

4. 对象（ Object ）
var company = new Object(); // 对象

5. 空（ Null ）
var address = null; // 空

6. 未定义（ Undefined ）
var phone; // 未定义

我们可以利用JavaScript内置函数typeof 判断数据类型。

JS动态类型
JS拥有动态类型特征，这意味着相同的变量可以用来存储不同的类型值，也就是说，JavaScript中的变量，可以根据其存储的值，动态改变其变量类型

<script type=“text/javascript”>        
    var x;  // x 为未定义类型 undefined
    x = 20;  // 现在 x 为数字类型 number
    x = “Hello”; // 现在 x 为字符串类型 string
</script>

JS注释

注释不会被执行，但可以提高代码的可读性或方便调试。在JS中，注释的编写有两种方式：一种是单行注释，一种是多种注释

<script type=“text/javascript”>        
    var name = “张三”;  // 姓名
    /* 
     x初始值必须为 20
     如果大于20则… 
     */
    var x = 20
</script>

调试时可以将暂时不用的部分注释掉，待调试完后去掉注释符号即可

<script type=“text/javascript”>
   var y = 30;
   // y = y + 100; 
  /*
    var x = 25;
     y = x + 80;
   */       
</script>

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

原文链接：https://blog.csdn.net/qq_49032349/article/details/117660519

modi000

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
html中的JavaScript

JavaScript ——简介JavaScript 是目前最流行脚本语言，简称 JS。JavaScript 编写在 HTML 页面中，由浏览器负责解释和执行，JavaScript 通常用来给 HTML 页面增加交互能力。
复制链接

扫一扫