它是一个轻量级,但功能强大的编程语言。
提示:JavaScript 是脚本语言。浏览器会在读取代码时,逐行地执行脚本代码。而对于传统编程来说,会在执行前对所有代码进行编译。
document.write("以文本形式输出")
alert("以弹窗形式输出")
1.引用外部文件
把脚本保存到外部文件中。外部文件通常包含被多个网页使用的代码。
外部 JavaScript 文件的文件扩展名是 .js。
如需使用外部文件,请在
<body>
<script src="myScript.js"></script>
</body>
2.JavaScript 输出
没有任何打印或者输出的函数,而可以通过不同的方式来输出数据:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>hello</title>
</head>
<body>
<p id="demo">我的第一个段落。</p>
<script>
window.alert(5 + 6); //弹出警告框来显示数据:
document.getElementById("demo").innerHTML="段落已修改。"; //使用 document.getElementById(id) 方法访问元素
//使用 "id" 属性来标识 HTML 元素,并 innerHTML 来获取或插入元素内容:
document.write(Date()); //写到 HTML 文档
//注意:使用 document.write() 仅仅向文档输出写内容。如果在文档已完成加载后执行 document.write,整个 HTML 页面将被覆盖。
//第四种:写到控制台,也就是用浏览器的调试功能,F12之console
</script>
</body>
</html>
JavaScript 语法
字面量???
变量、操作符、关键字、…..语句用分号隔开;
空格
JavaScript 会忽略多余的空格。您可以向脚本添加空格,来提高其可读性。
命名
JavaScript 中,常见的是驼峰法的命名规则,如 lastName (而不是lastname)。
数据类型
字符串(String)、数字(Number)、布尔(Boolean)、数组(Array)、对象(Object)、空(Null)、未定义(Undefined)。
var length = 16; // Number 通过数字字面量赋值
var points = x * 10; // Number 通过表达式字面量赋值
var lastName = "Johnson"; // String 通过字符串字面量赋值
var cars = ["Saab", "Volvo", "BMW"]; // Array 通过数组字面量赋值
var person = {firstName:"John", lastName:"Doe"}; // Object 通过对象字面量赋值
JavaScript 拥有动态类型
这意味着相同的变量可用作不同的类型:
var x; // x 为 undefined
var x = 5; // 现在 x 为数字
var x = "John"; // 现在 x 为字符串
JavaScript 数字
JavaScript 只有一种数字类型。数字可以带小数点,也可以不带:
极大或极小的数字可以通过科学(指数)计数法来书写:
var y=123e5; // 12300000
var z=123e-5; // 0.00123
对代码行进行折行
可以在文本字符串中使用反斜杠,下面的例子会正确地显示:
document.write("你好 \
世界!");
不过,你不能像这样折行:
document.write \
("你好世界!");
Value = undefined
在计算机程序中,经常会声明无值的变量。未使用值来声明的变量,其值实际上是 undefined。
在执行过以下语句后,变量 carname 的值将是 undefined:
var carname;
重新声明 JavaScript 变量
如果重新声明 JavaScript 变量,该变量的值不会丢失:
在以下两条语句执行后,变量 carname 的值依然是 “Volvo”:
如果重新声明 JavaScript 变量,该变量的值不会丢失:
在以下两条语句执行后,变量 carname 的值依然是 "Volvo":
无参函数
格式
点击一个按钮,实现调用一个函数
<script>
function 函数名()
{
alert();//实现输出
} //以下按钮的第一种写法
</script>
<body>
<input type= "button"
onclick = "函数名()"
value = "this is a button">
//以下按钮的第二种写法
<button onclick="函数名()">点击这里</button>
</body>
含参函数
区别:
function myfunction(txt)
{
alert(txt) //直接输出了参数
}
<input type="button" o
nclick="myfunction('您好!')"
value="this is a button">