<script> 标签用于定义客户端脚本,比如 JavaScript。
<noscript> 标签提供无法使用脚本时的替代内容,
比方在浏览器禁用脚本时,或浏览器不支持客户端脚本时。
写入 HTML 输出
document.write("<h1>This is a heading</h1>")
只能在 HTML 输出中使用 document.write。
如果您在文档加载后使用该方法,会覆盖整个文档
改变 HTML 内容
x=document.getElementById("demo") //查找元素
x.innerHTML="Hello JavaScript"; //改变内容
改变 HTML 图像
改变 HTML 样式
验证输入
如需从 JavaScript 访问某个 HTML 元素,
您可以使用 document.getElementById(id) 方法
外部脚本
链接式格式
<head>
<script type="text/javascript" src="外部脚本的文件路径"></script>
</head>
注意:如果使用链接式,那么就不要在<script>标签对中书写js代码
内部脚本
内嵌式
</head>
<script type="text/javascript">
//js代码
</script>
<body>
行内式
如:
事件名="javascript:函数()">
或者
如:<a href="[javascript:]函数()">
常用事件:
onclick点击事件
onblur 元素失去焦点
onmouseout 鼠标从某元素移开
onmouseover 鼠标移到某元素之上
onchange 域的内容被改变
注意1:要给标签合理的搭配事件
注意2:一个标签可以搭配多个事件
成员变量:
全局成员变量
局部成员变量
注意1:java声明数据类型如:八大基本数据类型 变量名[=值]
js声明所有的数据类型只需要使用:var
如:var str=”张三“
var i=10;
注意2:如果想知道js的具体数据类型
typeof(变量名)
如:
var str="张三";
alert(typeof(str));
注意3:在js中,没有小数和整数之分,只能number
注意4:在java中null值,空引用会被垃圾回收机制回收,
在js中null值,空引用都是object对象
注意:在js中局部变量可以不用赋予初始值
如果直接引用变量输出则会在浏览器控制台中报出
Uncaught ReferenceError: wewe is not defined
如在是中函数引用则报出undefined,表示值未定义
函数:
function 方法名([形参/实参]){方法体 [return xxx]}
注意:js传递参数时,参数少传或者多传了都没有问题
如果实际要传递的参数有两个,而我们传递了三个参数,
那么就会按顺序接收前两个参数
函数直接量语法:
var 变量 = function [函数名]([形参/实参]){方法体 [return xxx]}
js:进入页面直接调用某个函数
调用方式1:直接书写函数名调用
如:<script type="text/javascript"> t5();<script>
2:类似java里面的内类,即方法里面在书写一个方法的调用方式
function t7(){
alert("函数t7()---1");
var meth2=function(){
alert("函数直接量的函数---2");
}
meth2();
var meth3=function(){
alert("我是函数直接量的函数---3");
}();
}
方法中retrue被调用,则该方法就已经结束,不会再执行语句。
对象:
正则:
定义 RegExp
var patt1=new RegExp("e");
RegExp 对象有 3 个方法:
test() 方法检索字符串中的指定值,
返回值是 true 或 false
exec() 方法检索字符串中的指定值,
返回值是被找到的值。如果没有发现匹配,则返回 null
compile() 方法用于改变 RegExp
compile() 既可以改变检索模式,也可以添加或删除第二个参数
i 执行对大小写不敏感的匹配
g 执行全局匹配(查找所有匹配而非在找到第一个匹配后停止)
<noscript> 标签提供无法使用脚本时的替代内容,
比方在浏览器禁用脚本时,或浏览器不支持客户端脚本时。
写入 HTML 输出
document.write("<h1>This is a heading</h1>")
只能在 HTML 输出中使用 document.write。
如果您在文档加载后使用该方法,会覆盖整个文档
改变 HTML 内容
x=document.getElementById("demo") //查找元素
x.innerHTML="Hello JavaScript"; //改变内容
改变 HTML 图像
改变 HTML 样式
验证输入
如需从 JavaScript 访问某个 HTML 元素,
您可以使用 document.getElementById(id) 方法
外部脚本
链接式格式
<head>
<script type="text/javascript" src="外部脚本的文件路径"></script>
</head>
注意:如果使用链接式,那么就不要在<script>标签对中书写js代码
内部脚本
内嵌式
</head>
<script type="text/javascript">
//js代码
</script>
<body>
行内式
如:
事件名="javascript:函数()">
或者
如:<a href="[javascript:]函数()">
常用事件:
onclick点击事件
onblur 元素失去焦点
onmouseout 鼠标从某元素移开
onmouseover 鼠标移到某元素之上
onchange 域的内容被改变
注意1:要给标签合理的搭配事件
注意2:一个标签可以搭配多个事件
成员变量:
全局成员变量
局部成员变量
注意1:java声明数据类型如:八大基本数据类型 变量名[=值]
js声明所有的数据类型只需要使用:var
如:var str=”张三“
var i=10;
注意2:如果想知道js的具体数据类型
typeof(变量名)
如:
var str="张三";
alert(typeof(str));
注意3:在js中,没有小数和整数之分,只能number
注意4:在java中null值,空引用会被垃圾回收机制回收,
在js中null值,空引用都是object对象
注意:在js中局部变量可以不用赋予初始值
如果直接引用变量输出则会在浏览器控制台中报出
Uncaught ReferenceError: wewe is not defined
如在是中函数引用则报出undefined,表示值未定义
函数:
function 方法名([形参/实参]){方法体 [return xxx]}
注意:js传递参数时,参数少传或者多传了都没有问题
如果实际要传递的参数有两个,而我们传递了三个参数,
那么就会按顺序接收前两个参数
函数直接量语法:
var 变量 = function [函数名]([形参/实参]){方法体 [return xxx]}
js:进入页面直接调用某个函数
调用方式1:直接书写函数名调用
如:<script type="text/javascript"> t5();<script>
2:类似java里面的内类,即方法里面在书写一个方法的调用方式
function t7(){
alert("函数t7()---1");
var meth2=function(){
alert("函数直接量的函数---2");
}
meth2();
var meth3=function(){
alert("我是函数直接量的函数---3");
}();
}
方法中retrue被调用,则该方法就已经结束,不会再执行语句。
对象:
正则:
定义 RegExp
var patt1=new RegExp("e");
RegExp 对象有 3 个方法:
test() 方法检索字符串中的指定值,
返回值是 true 或 false
exec() 方法检索字符串中的指定值,
返回值是被找到的值。如果没有发现匹配,则返回 null
compile() 方法用于改变 RegExp
compile() 既可以改变检索模式,也可以添加或删除第二个参数
i 执行对大小写不敏感的匹配
g 执行全局匹配(查找所有匹配而非在找到第一个匹配后停止)
m 执行多行匹配