HTML 输出流 document.write("<h1>这是一个标题</h1>");
<button type="button" οnclick="alert('欢迎!')">点我!</button> alert() 函数在 JavaScript 中并不常用,但它对于代码测试非常方便。
改变 HTML 内容
x=document.getElementById("demo") //查找元素
x.innerHTML="Hello JavaScript"; //改变内容
x.style.color="#ff0000"; // 改变样式
<script>
function changeImage()
{
element=document.getElementById('myimage')
if (element.src.match("bulbon"))
{
element.src="/statics/images/course/pic_bulboff.gif";
}
else
{
element.src="/statics/images/course/pic_bulbon.gif";
}
}
</script>
<img id="myimage" οnclick="changeImage()"
src="/statics/images/course/pic_bulboff.gif" width="100" height="180"> 改变图像
<script>
function myFunction()
{
var x=document.getElementById("demo").value;
if(x==""||isNaN(x))
{
alert("不是数字");
}
}
</script> 输入
JavaScript 输出
使用 window.alert() 弹出警告框。
使用 document.write() 方法将内容写到 HTML 文档中。
使用 innerHTML 写入到 HTML 元素。
使用 console.log() 写入到浏览器的控制台。
JavaScript for...in 语句循环遍历对象的属性。
for (variable in object)
{
code to be executed
}
十进制数字对象 toString() 方法 输出16进制、8进制、2进制。
字符串使用 indexOf() 来定位字符串中某一个指定的字符首次出现的位置:lastIndexOf() 方法在字符串末尾开始查找字符串出现的位置。
match()函数用来查找字符串中特定的字符,并且如果找到的话,则返回这个字符。replace() 方法在字符串中用某些字符替换另一些字符。
字符串大小写转换使用函数 toUpperCase() / toLowerCase(): 字符串使用split()函数转为数组:
element.addEventListener(event, function, useCapture);
useCapture默认值为 false, 即冒泡传递,当值为 true 时, 事件使用捕获传递。
IE 8 及更早版本 用x.attachEvent("onclick", myFunction);
var patt = /w3cschool/i
var n = str.search(/w3cschool/i);
w3cschool 是一个模式 (用于检索)。
正则表达式模式
[abc] 查找方括号之间的任何字符。
[0-9] 查找任何从 0 至 9 的数字。
(x|y) 查找任何以 | 分隔的选项。
\d 查找数字。
\s 查找空白字符。
\b 匹配单词边界。
\uxxxx 查找以十六进制数 xxxx 规定的 Unicode 字符。
n+ 匹配任何包含至少一个 n 的字符串。
n* 匹配任何包含零个或多个 n 的字符串。
n? 匹配任何包含零个或一个 n 的字符串。
i 是一个修饰符 (搜索不区分大小写)。
i 执行对大小写不敏感的匹配。
g 执行全局匹配(查找所有匹配而非在找到第一个匹配后停止)。
m 执行多行匹配。索字符串中指定的子字符串,或检索与正则表达式相匹配的子字符串,并返回子串的起始位置。
replace() 方法 用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串。
使用 RegExp 对象test() 方法 返回true or false
var patt = /e/;
patt.test("The best things in life are free!"); 或
/e/.test("The best things in life are free!")
使用 exec() 返回一个数组,其中存放匹配的结果。如果未找到匹配,则返回值为 null。
/e/.exec("The best things in life are free!");
JSON 英文全称 JavaScript Object Notation
var text = '{ "employees" : [' +
'{ "firstName":"John" , "lastName":"Doe" },' +
'{ "firstName":"Anna" , "lastName":"Smith" },' +
'{ "firstName":"Peter" , "lastName":"Jones" } ]}';
var obj = JSON.parse(text);
JSON 字符串转换为 JavaScript 对象
<button type="button" οnclick="alert('欢迎!')">点我!</button> alert() 函数在 JavaScript 中并不常用,但它对于代码测试非常方便。
改变 HTML 内容
x=document.getElementById("demo") //查找元素
x.innerHTML="Hello JavaScript"; //改变内容
x.style.color="#ff0000"; // 改变样式
<script>
function changeImage()
{
element=document.getElementById('myimage')
if (element.src.match("bulbon"))
{
element.src="/statics/images/course/pic_bulboff.gif";
}
else
{
element.src="/statics/images/course/pic_bulbon.gif";
}
}
</script>
<img id="myimage" οnclick="changeImage()"
src="/statics/images/course/pic_bulboff.gif" width="100" height="180"> 改变图像
<script>
function myFunction()
{
var x=document.getElementById("demo").value;
if(x==""||isNaN(x))
{
alert("不是数字");
}
}
</script> 输入
JavaScript 输出
使用 window.alert() 弹出警告框。
使用 document.write() 方法将内容写到 HTML 文档中。
使用 innerHTML 写入到 HTML 元素。
使用 console.log() 写入到浏览器的控制台。
JavaScript for...in 语句循环遍历对象的属性。
for (variable in object)
{
code to be executed
}
十进制数字对象 toString() 方法 输出16进制、8进制、2进制。
字符串使用 indexOf() 来定位字符串中某一个指定的字符首次出现的位置:lastIndexOf() 方法在字符串末尾开始查找字符串出现的位置。
match()函数用来查找字符串中特定的字符,并且如果找到的话,则返回这个字符。replace() 方法在字符串中用某些字符替换另一些字符。
字符串大小写转换使用函数 toUpperCase() / toLowerCase(): 字符串使用split()函数转为数组:
element.addEventListener(event, function, useCapture);
useCapture默认值为 false, 即冒泡传递,当值为 true 时, 事件使用捕获传递。
IE 8 及更早版本 用x.attachEvent("onclick", myFunction);
var patt = /w3cschool/i
var n = str.search(/w3cschool/i);
w3cschool 是一个模式 (用于检索)。
正则表达式模式
[abc] 查找方括号之间的任何字符。
[0-9] 查找任何从 0 至 9 的数字。
(x|y) 查找任何以 | 分隔的选项。
\d 查找数字。
\s 查找空白字符。
\b 匹配单词边界。
\uxxxx 查找以十六进制数 xxxx 规定的 Unicode 字符。
n+ 匹配任何包含至少一个 n 的字符串。
n* 匹配任何包含零个或多个 n 的字符串。
n? 匹配任何包含零个或一个 n 的字符串。
i 是一个修饰符 (搜索不区分大小写)。
i 执行对大小写不敏感的匹配。
g 执行全局匹配(查找所有匹配而非在找到第一个匹配后停止)。
m 执行多行匹配。索字符串中指定的子字符串,或检索与正则表达式相匹配的子字符串,并返回子串的起始位置。
replace() 方法 用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串。
使用 RegExp 对象test() 方法 返回true or false
var patt = /e/;
patt.test("The best things in life are free!"); 或
/e/.test("The best things in life are free!")
使用 exec() 返回一个数组,其中存放匹配的结果。如果未找到匹配,则返回值为 null。
/e/.exec("The best things in life are free!");
JSON 英文全称 JavaScript Object Notation
var text = '{ "employees" : [' +
'{ "firstName":"John" , "lastName":"Doe" },' +
'{ "firstName":"Anna" , "lastName":"Smith" },' +
'{ "firstName":"Peter" , "lastName":"Jones" } ]}';
var obj = JSON.parse(text);
JSON 字符串转换为 JavaScript 对象