怎样向页面添加JavaScript
一、JS基本
1、JS代码位置
<script type="text/javascript">表示:
<script></script>之间是文本类型(text)。
javascript:告诉浏览器里面的文本是属于JavaScript语言。
2、JS引用
内部引用
外部引用(在JS文件中,不需要<script>标签,直接编写JS代码),JS文件不能直接运行,需要镶嵌到HTML文件中执行。
3、JS在页面中的位置
代码解释:
{
#JS代码一般放在head或者body部分。
放在<head>部分
最常用,浏览器解析head部分就会执行这个代码,然后才解析页面的其余部分。
放在<body>部分
JS代码在网页读取到该语句的时候就会执行。
#JS作为一种脚本语言可以放在html文件中任何位置,但是浏览器解释html是按先后顺序的,所以前面的<script>就先被执行。
# 比如进行页面初始化的JS必须放在head里面,因为初始化都要求提前进行(如给页面body设置css等)。
#如果是通过事件调用执行的function,那么对位置没什么要求。
#可以在 HTML 文档中放入不限数量的脚本。脚本可位于 HTML 的 <body> 或 <head> 部分中,或者同时存在于两个部分中。
#通常的做法是把函数放入 <head> 部分中,或者放在页面底部。这样就可以把它们安置到同一处位置,不会干扰页面的内容。
}
4、认识JS
JS语句是发给浏览器的命令,这些命令的作用是告诉浏览器要做的事。
每一句JS代码格式:语句;//在结尾加上英文分号表示语句结束,可以不写,但最好写上。
JS注释
单行注释,在注释内容前加符号"//"
多行注释以“/*”开始,以“*/”结束
JS变量
变量:用于存储某种/某些数值的存储器。
定义变量使用关键字var
如:var 变量名
变量名可以取任意名字,但要遵循命名规则:
1、变量必须使用字母、下划线(_)或美元符号($)开始。
2、可以使用任意多个英文字母、数字、下划线(_)或美元符号($)组成。
3、不能使用JS关键词与JS保留字
4、变量名称对大小写敏感(Y和y是不同的变量)
{
举例:
变量要先声明在赋值
var mychar;
mychar="javascript";
var mynum = 6;
变量可以重复赋值
var mychar;
mychar="javascript";
mychar="hello";
可以一次声明多个变量(用逗号隔开)
var num1,num2;
可以声明并赋值
var mynum = 5;
变量可以存储数值、字符串、布尔值等
var num1 = 123;
var num2 = "一二三";//存储字符串需要用引号括起来
var num3 = true;
注意:
在JS中区分大小写,如变量mychar与myChar不一样,表示两个变量。
变量可以不声明直接使用,但是不规范。
}
JS判断语句(if...else)
语法:
if(条件)
{条件成立时执行代码}
else
{条件不成立时执行代码}
举例:<script type="text/javascript">
var myage = 18;
if(myage = 18)//myage>=18是判断条件
{ document.write("成年人");}
else //否则年龄小于18
{ document.write("未满18,未成年");}
</script>
JS函数
定义一个函数,基本语法:
function 函数名()
{
函数代码;
}
说明:
1、function定义函数的关键字
2、“函数名”你为函数取的名字
3、“函数代码”替换为完成特定功能的代码。
举例:
函数定义好后,需要调用才能执行。