0 0 0 1 ★ How JavaScript

不二如是 · 发表于 2017-3-30 17:08:49

马上注册，结交更多好友，享用更多功能^_^

您需要登录才可以下载或查看，没有账号？立即注册

x

本帖最后由不二如是于 2017-3-30 17:56 编辑

大家一起玩HTML那么久了，编译环境建议使用：WebStorm

至于理由，请看：0 0 4 8 - 鸟枪换大炮 | 【新番重要通知】

当然你要用记事本、Sublime、Chrome、DW、Safari都可以，使得顺手就好～

不是有这么一句话：

大小并不重要，重要的是技巧和控制！

Js不仅能嵌入到HTML页面中，还能以独立文件的形式进行存放。

这个在0 0 0 9 - 初识JavaScript（Js）有进一步说明，就不再废话了。

常见的在页面中使用JS有以下三种形式：

行内Js脚本、内部Js脚本、外部Js脚本

行内Js脚本

设置鼠标事件

超链接

游客，如果您要查看本帖隐藏内容请回复

内部Js脚本

怼

0 1 0 0 - 打造“超级时间轴 ”| 【纪念100更】

0 0 9 9 - 鱼C - 7周年庆典之“固定菜单”

0 0 9 5 - 手动打造炒鸡提示图层

<body>
<section id="content">
<article>
<h1>鱼C - 7周年盛典</h1>
<nav id="nav">
<ul id="page-nav">
<li><a href="">邀请函主页</a> </li>
<li><a href="">鱼C里程碑</a> </li>
<li><a href="">庆典计划</a> </li>
<li><a href="">小甲鱼的一封信</a> </li>
<li><a href=""> 未来计划</a> </li>
</ul>
</nav>
<img src="1.jpg">
<p>破窗效应，是1982年，由美国政治学家威尔森和犯罪学家凯琳提出的。<br><br>它是指，如果有人打坏了一幢建筑的窗户玻璃，却没有人维修，经过的路人，就会像受到了暗示一样，被诱发打破更多的窗户。然后，这个街区其他建筑的窗户，也可能被打破。然后是其他街区。
其实这很好理解。<br><br>在干净的墙角，扔几张碎纸。过几个小时后你再去看，那个地方多半就有了一小堆垃圾。十几个行人在等红灯，只要有一两个人旁若无人地闯红灯过马路，后面很多人就会跟上，这就是所谓的中国式过马路：凑够一撮人就可以走了，和红绿灯无关。
无序，会邀请无序。混乱，会引发混乱。<br><br>“凭什么他可以，我就不行啊？”，“大家都这样，总不会有事吧？”在占便宜、做坏事上，寻求公平，这种心理，就是“畸形公平”的心理。所以，在第一扇破窗出现时，就必须立即修复。否则，当整个街区都出现混乱时，就积重难返了。</p>
</article>
</section>
<script type="text/javascript">
var pagenav=document.getElementById("page-nav");
var pagenav_top = pagenav.offsetTop;
window.onscroll = function(){
var scrollTop = document.body.scrollTop;
if(scrollTop < pagenav_top){
pagenav.className = "";
}else{
pagenav.className = "fix";
}
}
</script>
</body>

复制代码

外部Js脚本

".js"

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>外部JavaScript脚本-鱼C工作室</title>
<script type="text/javascript" src="js/test.js"></script>
</head>
<body>
</body>
</html>

复制代码

// JavaScript 脚本
alert("哇塞，祝贺这位鱼油，导入成功啦");

复制代码

这位鱼油，如果喜欢本系列Js帖子，请订阅专辑☞（传送门）（不喜欢更要订阅

）

shishunfu · 发表于 2017-5-5 10:02:57

进击JS

新手·ing · 发表于 2017-4-3 11:55:47

OOXX

不二如是 · 发表于 2017-4-3 12:03:33

新手·ing 发表于 2017-4-3 11:55
OOXX

XXOO

观测者 · 发表于 2017-5-24 14:01:49

w1550441298 · 发表于 2017-8-22 23:16:07

开始学习JS，希望讲的清除一点，因为几乎是0基础入门

哨子1122 · 发表于 2017-9-18 21:26:16

木Muk · 发表于 2017-9-28 22:04:05

告诉你一个秘密,有个链接的地址少了个"l"

白牙 · 发表于 2017-10-5 11:21:00

现在不是推荐外部JS嘛？

guan顺顺 · 发表于 2017-10-23 17:27:02

玩玩

伊尹 · 发表于 2017-11-24 08:43:54

sliwu · 发表于 2017-11-29 21:33:00

谢谢楼主无私

聆云 · 发表于 2018-3-9 22:25:15

学习了，谢谢

冷萌 · 发表于 2018-3-27 03:52:07

xxkk14 · 发表于 2018-4-14 14:54:49

看看

wanjian · 发表于 2018-4-16 10:11:15

Cherish. · 发表于 2018-4-30 11:04:00

kjhsj · 发表于 2018-5-5 00:13:29

kjhsj · 发表于 2018-5-5 00:14:01

666666

昔日少年郎 · 发表于 2018-5-5 09:23:35

看看

账号		自动登录	找回密码
密码			立即注册

[庖丁解牛] 0 0 0 1 ★ How JavaScript

马上注册，结交更多好友，享用更多功能^_^

评分

本帖被以下淘专辑推荐:

点评