首页 > 代码库 > JavaScript基础

JavaScript基础

2024-08-19 04:11:26   221人阅读

开头先做我们第一个javascript，体验javascript语言

 

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2 <html xmlns="http://www.w3.org/1999/xhtml">
 3 <head>
 4     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 5     <title>2.外部引入js</title>
 6     <script type="text/javascript" src="1.js">        
 7     </script>
 8 </head>
 9 <body>
10 </body>
11 </html>

1.javascript语法

1.1 javascript引入方式两种

　　第一：直接在HTML页面中嵌入JavaScript代码，就是在文章开头那个，体验javascript语言

　　第二：引入外部的JavaScript文件。

①. JS代码存放在标签对<script>．．．</script>中。
②. 使用script标签的src属性引入一个js文件。（方便后期维护，扩展）
例：<script src=http://www.mamicode.com/”test.js” type=”text/javascript”></script>
注：规范中script标签中必须加入type属性。

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2 <html xmlns="http://www.w3.org/1999/xhtml">
 3 <head>
 4     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 5     <title>2.外部引入js</title>
 6     
 7     <script type="text/javascript" src="1.js">        
 8     </script>
 9     
10 </head>
11 <body>
12 </body>
13 </html>

 1 document.write("我是一个外部的js"); 

注意：
1、 页面上可以有多个<script>标签
2、 <script>标签按顺序执行
3、 <script>标签可以出现在任意的页面位置
4、<script>标签一定要写</script>关闭，而不能<script/>这样关闭。否则没有任何错误信息，但是没有运行结果。

1.1.2 javascript区分大小写

变量、函数名、运算符以及其他一切东西都是区分大小写的。
比如：变量 test 与变量 TEST 是不同的。

1.1.3 注释：有两种类型的注释

单行注释以双斜杠开头（//）
多行注释以单斜杠和星号开头（/*），以星号和单斜杠结尾（*/）

1.2 javascript常用的两个函数

window.alert() 或简写为 alert() ：显示一个提示框显示内容。

window.document.write() 或简写为document.write()：在网页的当前位置处写内容。

注意：默认就是在window下面显示alert()和document(),所以可以不写。

1.3 javascript的变量

变量是弱类型的,定义变量时只用 var 运算符，可以将它初始化为任意值。

因此，可以随时改变变量所存数据的类型（开发中尽量避免这样做）。

如下面案例，a开始为number类型后面改为String类型

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2 <html xmlns="http://www.w3.org/1999/xhtml">
 3 <head>
 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 5 <title>无标题文档</title>
 6 
 7 <script type="text/javascript">
 8     var a = 123;
 9     document.write(a+"<br/>");
10     a = "abc";
11     document.write(a+"<br/>");
12 </script>
13 
14 </head>
15 <body>
16 </body>
17 </html>

1.4 javascript数据类型

javascript有四种基本数据类型:Undefined（未定义）, Boolean（布尔）,Number（数字）和String （字符串）

1.4.1 typeof操作符

typeof操作符作用：用来获取一个变量的类型

如：下面案例

JavaScript基础


联系
我们