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

最新推荐文章于 2023-05-27 15:34:11 发布

GISMagic

最新推荐文章于 2023-05-27 15:34:11 发布

阅读量117

点赞数 1

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

本文链接：https://blog.csdn.net/Tonque/article/details/88537728

版权

dom 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

法

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);

很强大。

8.变量

var是用来定义变量的，但是这个定义的是局部变量，只能在这个脚本中理解。如果不加上var就成了全局变量。不管在那个脚本中都是可以认识的。

9. 对象

在js中，有提前为我们准备好的对象就是内建对象，像数组之类的array，Date，Math等都是大佬们早就为我们准备好可以直接用的。还有就是宿主对象，他不是有js本身提供的，而是在web端提供的。例如Form、Image和Element。

10.总结

在看完这一章之后，我的功力虽然没有见长，但是下次看见代码也不会一脸懵逼了。就像看了些别的习武之人的拳拳脚脚，下一次再看时总会有更多的体会了。下期再见。

GISMagic

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
《Javascript Dom 的编程艺术》学习二

第二章 Javascript语法1.准备工作用Javascript编写的代码必须嵌入在HTML/XHTML文档中才能得以执行。这可以通过两种办法做到。第一种办法就是将js代码插入文档的head部分的script标签间，&lt;!DOCTYPE &gt;&lt;html&gt;&lt;head&gt;&lt;script type = "text/javascript"&gt;Java...
复制链接

扫一扫