问答文章1 问答文章501 问答文章1001 问答文章1501 问答文章2001 问答文章2501 问答文章3001 问答文章3501 问答文章4001 问答文章4501 问答文章5001 问答文章5501 问答文章6001 问答文章6501 问答文章7001 问答文章7501 问答文章8001 问答文章8501 问答文章9001 问答文章9501

这段HTML代码怎么将其中的JS段落分离出来,单独作为一个JS文件表达_百度...

发布网友 发布时间:2024-07-03 17:56

我来回答

2个回答

热心网友 时间:2024-07-19 07:42

这些你用jquery实现起来很方便。
你要先引入一个jquery得类库文件,代码如下(放在head中)
<script type="text/javascript" src=" http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
然后你的test.js文件这样写
//--js开始---
$(document).ready(function(){
$(".span1").click(function(){
$("#login").css("visibility","visible");
});
$(".div1").click(function(){
$("#login").css("visibility","hidden");
});
});
//--js结束---
HTML代码可以精简为:
<!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>无标题文档</title>
<style>
.holder{
position:absolute; border:solid #FF0000 1px; height:20px;
}
div .bar {
background-color:#003300; height:20px;
}
</style>
<script type="text/javascript" src=" http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript" src="test.js"></script>
</head>
<body>
<span style="cursor:pointer;" class="span1">显示</span>
<div id="login" style="border:#003300 dotted 1px; margin:auto; width:200px; position:relative ">
<div style="cursor:pointer; position:absolute; right:2px; top:2px;" class="div1">X</div>
<center><form>
Username:<input type="text" /></form>
Password:<input type="password" /><br />
<input type="submit" value="GO" />
</form>
</center>
</div>
</body>
</html>

热心网友 时间:2024-07-19 07:38

你这里什么都没有啊
<script>

</script>
你不会是把<body>里的onclick事件认为是js的吧。。。
声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com
陌陌发语音出现转码失败怎么办 女孩2010年5月10号阴历3月27早晨9点55分出生的五行缺什么 钟姓男孩名字2023年5月10日出生的 凤眼果有什么营养?凤眼果的这些营养你都知道吗? 专升本成绩多少合格 山东专升本成绩多少合格 山东2022年专升本成绩什么时候出 2024专升本成绩公布时间及入口 2023年山东专升本各专业录取分数线 什么时候出专升本成绩 山东专升本综合素质测评成绩怎么算 到广园中路44号地铁是哪站? 60岁以上出车祸有无误工费 沂水县住房和城乡建设局领导信息 左上颌骨额突骨折 放弃继承权公证书有效期是多久 长春一大住院现在出院去农合报销 说没有转诊没有盖章一大就不承认转诊过... 自行车冲坡 Win10 Build 15063镜像如何下载并安装? 如图是我修改后的js网页,下部我想把数字去掉,代码如何改。代码如下... 我住在长春卫星花园~东岭南街上的!单位要办社保~需要我住的地方的街道... 一个五位数“3()6()5”,已知这个五位数是75的倍数,在满足上述条件的五位... 我签了个长春的学校,要去教育局盖章,我在网上查长春教育局又个,一个... 嘉定区刻公章哪家正规 泸州到阳山碧桂园坐火车怎么走 ...非常痛苦,医生推荐恒康水溶性膳食纤维颗粒,不知道有没有人用过这个... 欧诺倒车灯多少钱 从茂名市自驾去湖南衡山,过广州后,走广清高速还是京港澳高速更好走些... 孔寨小区怎么样?好不好?值不值得买? 广州去茂名要不要经过清远阳山 有谁用过“恒康牌”水溶性膳食纤维颗粒,它对习惯性便秘效果如何?_百度... 房子公证给我有效期多久?母亲百年之后其他子女有权继承吗 清华大学的三清博士厉害吗? 遇到泥石流向哪个方向逃离 遇到泥石流往哪个方向逃离 60岁以上车祸没有误工费吗 煮粥为什么我煮出来是稀饭的感觉?不是别人煮的那种粘稠的,为什么?_百... 杭州生殖整形医院医疗技术 唉欠了一屁股债。孩子又要上学了。我是妈妈孩子又离不开我现在。我该... 求告诉白云山在广州地铁哪个站 4米2高栏有重卡车吗 cod16已经解锁人怎么又锁了 历史类除了非遗老字号还有什么 360影响网速吗? 餐饮道路大道朝天,餐饮“小弟”望尘莫及 什么主机游戏好玩 腋下皮肤受损腋下用脱毛膏,用力过猛,当时红了,而且疼。过了很久发现估计... 剑网3一直无法连接服务器,网络没问题,另外一台可玩,什么原因,别说那些... 剑侠情缘啊网络版叁 为什么无法连接服务器,也就是无法进入角色选择的... ...我想办理办理一张信用卡 请问什么银行信用卡优惠比较多 ...微信暧昧的话只有傻丫头 这几天叫我单独去唱歌还要送我回家他... ...告诉女人后天他要和相亲对象一起去唱歌~什么意思?