1. 词法结构
2.类型、值和变量
3.表达式和运算符
4.语句
5.对象
6.数组
7.函数
8.函数
9.类和模块
10.正则表达式的模式匹配
11.javascript的子集和扩展
12.服务器端的javascript
<!DOCTYPE html>
<br>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src ='jquery-1.11.1.js' type="text/javascript" > </script>
<script src='cf.js' type='text/javascript'></script>
<h1>我的第一段 JavaScript</h1>
<p>
JavaScript 能够对事件作出反应。比如对按钮的点击:
</p>
<button id="button" type="button" οnclick="alert('Welcome!')">点击这里</button>
<button type="button" οnclick="mm()">点击这里这里</button>
<img src="logo.png" alt="文档" > </img>
<script>
function hide(e,reflow) {
if(reflow) {
e.style.display = "none"
} else {
e.style.visibility = "hidden";
}
}
function highlighted(e) {
if (!e.className) {
e.className = "hilite";
} else {
e.className += " hilite";
}
}
hide(document.getElementById("button"),true);
</script>
<script>//在这里编写嵌入html
function moveon() {
//通过弹出一个对话框来询问用户一个问题
var answer = confirm("准备好了吗?");
if(answer) window.location = "http:/taobao.com";
}
//setTimeout(moveon,6000);
/**
function debug(msg) {
var log = document.getElementById("dabuglog");
if (!log) {
log = document.createElement("div");
log.id = "debuglog";
log.innnerHtml = "<h1>Debug log</h1>";
document.body.appendChild(log);
}
var pre = document.createElement(msg);
var text =document.createTextNode("我是最棒的");
pre.appendChild(text);
log.appendChild(pre);
}
debug("我是最棒的");
*/
function debug(msg) {
var log = $("#debuglog");
if (log.length == 0) {
log = $("<div id='debuglog'><h1>Debug Log </h1> </div>");
log.appendTo(document.body);
}
log.append($("<pre/>").text(msg));
}
debug('又出不来了');
</script>
<br>
Hello
<button οnclick="hide(this,true); debug('hide button 1');"> hide1</button>
<button οnclick="hide(this);debug('hide button 2');">hidde2</button>
world
<script>
window.onload = function () {
var images = document.getElementsByTagName("img");
for (var i =0 ;i<images.length;i++) {
var image = images[i];
if (image.addEventListener)
image.addEventListener("click",hide,false);
else
image.attachEvent("onclick",hide);
}
function hide(event) {
event.target.style.visibility = "hidden";
}
}
</script>
</body>
</html>