《Javascript Dom 的编程艺术》学习二

最新推荐文章于 2025-05-14 09:25:45 发布

GISMagic

最新推荐文章于 2025-05-14 09:25:45 发布

阅读量170

点赞数 1

CC 4.0 BY-SA版权

分类专栏： dom 文章标签： JavaScript入门

本文链接：https://blog.youkuaiyun.com/Tonque/article/details/88537728

dom 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了JavaScript的基础知识，包括如何在HTML文档中使用JavaScript代码，JavaScript的基本语法，如变量声明、赋值、条件语句、循环语句等，以及数组、函数、对象的概念。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

法

1.准备工作

用Javascript编写的代码必须嵌入在HTML/XHTML文档中才能得以执行。这可以通过两种办法做到。第一种办法就是将js代码插入文档的head部分的script标签间，

<!DOCTYPE >
<html>
<head>
<script type = "text/javascript">
JavaScript goes here...
</script>
</head>
<body>
Mark-up goes here...
</body>
</html>

更好的办法是先把JavaScript代码存入一个独立的文件，并以.js为这种文件的扩展名，再利用script的是如此属性指向该文件，如下：

<!DOCTYPE>
<html>
<head>
<script type = "text/javascript" src="file.js">
</script>
</head>
<body>
Mark-up goes here...
</body>
</html>

2.语法

注释方法：
// … （为了注释一行）
/* … */ (为了注释一个段落)
<!-…-> (html风格注释，不建议)

变量赋值：
1.mood（变量）=“happy”（值）;
2.age = 33;
3.警告：alert
4.声明：var（在对变量进行赋值前需要如此做）
5.变量是区分大小写的
6.变量的命名允许字母，数字，美元符号和下划线字符（my_mood）
7.单引号和双引号的作用都是为了让程序理解里面是字符串，需要区分的就是如果字符串中有单引号，则最外面的一定是双引号，是为了让系统程序可以把里面的单引号认为是一个字符。这个时候就应该用\符号来解决：var mood = ‘don’t ask’; var height = “about 5’10” tall";

布尔值：
他是没有引号的true和false，var married = true意思就是把变量married设置为布尔值true

3.数组

字符串，数值，布尔值都是离散值，也就是一一对应的关系。而数组就是用一个变量对应一个元素的集合，用Array表示：var beatles = Array(4);4就是代表有多少个元素。在传值的时候不仅需要把数值传进去，还要打入下标，为的就是标记元素储存的位置例如beatles[0]=“john”;

4.条件语句

他和其他语言类似，都是在if后面的括号里添加条件，然后传出的是布尔值，但是js却可以一行代码完成，例如if(1>2){alert(“Oh my god.”);}.但是为了标准起见还是应该有相应的分格才好。

if(1>2){
alert{"Oh my god.");
}

5.逻辑操作符

if (num >= 5 && num <= 10){
alert("The number is in the range.");
}

只有在两个条件同时满足是他们才能被判断为true。

if (num >= 5 || num <= 10){
alert("The number is in the range.");
}

这个就是只要满足其中一个条件就可以。其实这些语言之间都是大同小异，精深一门便可触类旁通了。

if （！(num >= 5 || num <= 10)）{
alert("The number is in the range.");
}
`

6.循环语句

while 循环：

var count = 1;
while (count < 3){   
 alert("It isn't in a right time.");  
   count ++;
   }

do… while 循环：

var count = 1;
do {   
 alert(count);  
   count ++;}
   while (count < 11);

for 循环：

for (var count = 1;count <11;count ++){
alert(count);
}

升级一下变成文本就是遍历循环


var sushe = Array("sxh","cyc","hgq","zs","ljh","lwt");
for (var coun_t = 0;coun_t < sushe.length;coun_t ++){    
alert(sushe[coun_t]);
}

7.函数

函数的作用就是function，顾名思义用语句之间组建一个功能。组建好之后，只要你在这个脚本里面输入function时，就会直接得到结果。上代码：

function convertToCelcius(tem){  
  var result = tem - 32;   
   result = result/1.8;  
     return result;
     }
      var huashi = 99;
       var Celcius = convertToCelcius(huashi); 
       alert (Celsius);