通常的做法是把函数放入 <head> 部分中,或者放在页面底部。这样就可以把它们安置到同一处位置,不会干扰页面的内容.
也可以用外部的javascript
<body>
<script src="myScript.js"></script>
</body>
从 JavaScript 访问某个 HTML 元素,您可以使用 document.getElementById(id) 方法。
<script>
function myFunction()
{
document.getElementById("demo").innerHTML="My First JavaScript Function";
}
</script>
上述函数实现的功能是:浏览器将访问 id="demo" 的 HTML 元素,并把它的内容(innerHTML)替换为 "My First JavaScript"。
使用 document.write() 仅仅向文档输出写内容
<script>
document.write("<p>我的第一段 JavaScript</p>");
</script>
如果在文档已完成加载后执行 document.write,整个 HTML 页面将被覆盖:
案例:
<!DOCTYPE html>
<html>
<body>
<h1>我的第一张网页</h1>
<p>我的第一个段落。</p>
<button οnclick="myFunction()">点击这里</button>
<script>
function myFunction()
{
document.write("糟糕!文档消失了。");
}
</script>
</body>
</html>
JavaScript 语句
分号用于分隔 JavaScript 语句。
JavaScript 对大小写敏感。
JavaScript 会忽略多余的空格。您可以向脚本添加空格,来提高其可读性。下面的两行代码是等效的:
可以在文本字符串中使用反斜杠对代码行进行换行
错误:
document.write \
("Hello World!");
正确:
document.write("Hello \
World!");
注释:
多行注释以 /* 开始,以 */ 结尾。
单行注释以 // 开头。
Javascript变量:
- 使用 var 关键词来声明变量:
var carname; 变量声明之后,该变量是空的(它没有值)。变量 carname 的 值将是 undefined:
如需向变量赋值,请使用等号:
carname="Volvo";
等价于
var carname="Volvo";
一个好的编程习惯是,在代码开始处,统一对需要的变量进行声明。
(2)Javascript变量的命名:
变量必须以字母开头
变量也能以 $ 和 _ 符号开头(不过我们不推荐这么做)
变量名称对大小写敏感(y 和 Y 是不同的变量)
实例:
var x=2;
var y=3;
var z=x+y;
(3)一条语句,多个变量
var name="Gates", age=56, job="CEO";
也可以换行
var name="Gates",
age=56,
job="CEO";
javascript数据类型:
字符型:向变量分配文本值时,应该用双引号或单引号包围这个值。
数值型:向变量赋的值是数值时,不要使用引号。如果您用引号包围数值,该值会被作为文本来处理。
实例:
var pi=3.14;
var name="Bill Gates";
var answer='Yes I am!';