javascript核心八 ---使用jQuery的库 jquery-1.11.1.js

最新推荐文章于 2023-12-25 09:57:44 发布

Lovin01

最新推荐文章于 2023-12-25 09:57:44 发布

阅读量1.7k

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/helainthus/article/details/52669818

版权

javascript 专栏收录该内容

29 篇文章 0 订阅

订阅专栏

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>

Lovin01

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
javascript核心八 ---使用jQuery的库 jquery-1.11.1.js

1. 词法结构2.类型、值和变量3.表达式和运算符4.语句5.对象6.数组7.函数8.函数9.类和模块10.正则表达式的模式匹配11.javascript的子集和扩展12.服务器端的javascript
复制链接

扫一扫