-
操作 HTML 元素
- 如需从
JavaScript访问某个 HTML 元素，您可以使用document.getElementById(id)方法。请使用id属性来标识HTML元素：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<h1>我的第一段 JavaScript</h1>
<!--定义一个id = demo的p标签，内容是：javascript 改变HTML元素-->
<p id="demo">javascript 改变HTML元素</p>
<!--创建一个type=button的按钮标签，点击事件是：jsfunction(),内容是：来点我-->
<button type="button" onclick="jsfunction()">来点我</button>
<!--定义一个type = "text/javascript" 的script标签，通过document.getElementById查找id=demo的html标签相应方法jsfunction ，
在通过innerHTML改变HTML对应的内容-->
<script type="text/javascript">
function jsfunction() {
x = document.getElementById("demo");
x.innerHTML = "hello javascript";
}
</script>
</body>
</html>
- 写到文档输出
下面的例子直接把 <p> 元素写到 HTML 文档输出中：
<!DOCTYPE html>
<html>
<body>
<h1>我的第一张网页</h1>
<script>
document.write("<p>我的第一段 JavaScript</p>");
</script>
</body>
</html>
警告:请使用document.write()仅仅向文档输出写内容。如果在文档已完成加载后执行 document.write，整个 HTML 页面将被覆盖
-
match()：用于检索对应的值
match() 方法可在字符串内检索指定的值，或找到一个或多个正则表达式的匹配。
该方法类似 indexOf() 和 lastIndexOf()，但是它返回指定的值，而不是字符串的位置。、
<!DOCTYPE html>
<html>
<body>
<script>
function changeImage()
{
element=document.getElementById('myimage')
if (element.src.match("bulbon"))
{
element.src="/i/eg_bulboff.gif";
}
else
{
element.src="/i/eg_bulbon.gif";
}
}
</script>
<p>点击灯泡来点亮或熄灭这盏灯</p>
</body>
</html>
-
JavaScript 函数和事件
HTML 中的脚本必须位于 <script> 与 </script> 标签之间。
脚本可被放置在 HTML 页面的 <body> / <head> 部分中、外部的 JavaScript。
<head> 或 <body>中的JavaScript,您可以在HTML 文档中放入不限数量的脚本。脚本可位于 HTML 的 <body> 或 <head>部分中，或者同时存在于两个部分中。通常的做法是把函数放入 <head> 部分中，或者放在页面底部。这样就可以把它们安置到同一处位置，不会干扰页面的内容
外部的 JavaScript，也可以把脚本保存到外部文件中。外部文件通常包含被多个网页使用的代码。外部 JavaScript文件的文件扩展名是 .js。如需使用外部文件，请在<script> 标签的 "src" 属性中设置该 .js 文件
js.js中Js代码
js-input中调用外部js.js中代码
-
数据类型
-
JavaScript 布尔
布尔（逻辑）只能有两个值：true 或 false。
var x=true
var y=false
-
JavaScript 数组
JavaScript 数组
-
Undefined 和 Null
Undefined 这个值表示变量不含有值。可以通过将变量的值设置为null 来清空变量。
-
声明变量类型
当您声明新变量时，可以使用关键词"new"来声明其类型：
var carname=new String;
var x= new Number;
var y= new Boolean;
var cars= new Array;
var person= new Object;
-
函数
JavaScript 函数语法
函数就是包裹在花括号中的代码块，前面使用了关键词function：
// 无参数，无返回值
function functionname()
{
这里是要执行的代码
}
//有参数，无返回值
function myFunction(var1,var2)
{
这里是要执行的代码
}
无参数，有返回值
function myFunction()
{
var x=5;
return x;
}
有参数，有返回值
function myFunction(var1,var2)
{
var x=5;
return x;
}
网友评论