JavaScript入门教程

它是一个轻量级,但功能强大的编程语言。

提示: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">

含返回值的函数等…

JavaScript 错误处理http://www.w3school.com.cn/js/js_try_catch.asp

猜你喜欢

转载自blog.csdn.net/quest_sec/article/details/79772262