您的位置：首页 > Web前端 > JavaScript

JavaScript学习记录02--基础篇之javascript基本语法(一)

2016-11-02 15:35 453 查看

第一节：JavaScript引入方式

引入方式：内部；外部

1、内部引入：

注意：脚本一定要包在script里面，js的执行是按序执行的，最好写在head或者body里面，如果写在其他地方，浏览器也会宽容的解释，但是不好(编译器会提示警告)

示例：

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>JavaScript简介</title>

</head>

<script type="text/javascript">
alert("JavaScript");
document.write("你好，JavaScript");//javascript 对象 js动态改变文档里面的东西，html没有此功能

</script>

<body>

</body>

</html>

2、外部引入：

步骤：创建单独的文件my.js,引入到html文件中起作用

注意：js外部引入的需要注意编码，否则会乱码

html示例：

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>JavaScript简介</title>

</head>

<script type="text/javascript">
alert("JavaScript");
document.write("你好，JavaScript");//javascript 对象 js动态改变文档里面的东西，html没有此功能

</script>

<body>8

<script type="text/javascript" src="my.js" charset='gbk'></script> //外部引入语法，注意编码。（项目统一编码为UTF-8话，可以不用单独写charset）

</body>

</html>

my.js文件示例：

alert("外部引入的"); //此页面默认编码是gbk

注意：外部的纯js文件，不用写script，直接写内容，或者函数即可。

第二节：JavaScript注释

单行注释：//(跟Java一样)

多行注释：/* */ (Eclipse快捷键选中注释内容然后Ctrl+Shift+/ )

示例：

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>JavaScript注释</title>

</head>

<body>

<script type="text/javascript">

//document.write("a<br/>"); //单行注释

/* document.write("b<br/>");

document.write("c<br/>"); */ //多行注释

document.write("d<br/>");

</script>

</body>

</html>

第三节：JavaScript变量

JavaScript是弱类型语言，统一用var来定义变量。

示例：

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>JavaScript变量</title>

</head>

<body>
<script type="text/javascript">
var a; //定义变量
a = 1; //给变量赋值
document.write("a=" + a + "<br/>");
a = "我是字符串";//重新赋值后，也改变了a的数据类型，原来的a=1销毁了，垃圾回收
document.write("a=" + a + "<br/>");
var b = "你好啊";
document.write("b=" + b);
</script>

</body>

</html>

第四节：JavaScript基本数据类型

数值类型(包括整型和浮点型)；字符串类型；布尔类型；Undefined(表示变量没有赋值) ； Null(置空变量)

示例：

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>JavaScript基本数据类型</title>

</head>

<body>
<script type="text/javascript">
var a = 1;
document.write("数字类型a=" + a + "<br/>");
var b = 1.36;
document.write("数字类型b=" + b + "<br/>");
var c = "你哈";
document.write("字符串类型c=" + c + "<br/>");
var d = true;
document.write("布尔类型d=" + d + "<br/>");

var e; //只定义不赋值，表示不含有值
document.write("e=" + e + "<br/>");
var f = "5dd";
document.write("f=" + f + "<br/>");
f = null; //f置空后的值为null
document.write("f=" + f + "<br/>");
document.write("pppp=" + p + "<br/>");//错误的不显示(没有定义这个变量)
</script>

</body>

</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航