700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > a标签 href onclick调用函数的问题【HTML】

a标签 href onclick调用函数的问题【HTML】

时间:2019-10-28 04:46:07

相关推荐

a标签 href onclick调用函数的问题【HTML】

web前端|html教程

a标签 href onclick调用函数的问题

web前端-html教程

学校论坛源码手机,vscode如何批量替换,ubuntu网关配置,tomcat win7,网络数据库和sqlite,网络爬虫侵权行为起诉状,php 访客统计,三灶seo优化价格,jsp web的 网站源码,后台管理系统网站模板lzw

body { margin: 0 auto; padding: 0; } a:focus { outline: none; } #pn { background: #e8e8e8; width: 600px; display: block; margin: 0 auto; padding: 5px; font-size: 9pt; height: auto; } .slide { margin: 0; padding: 0; width: 600px; border-top: solid 4px gray; margin: 0 auto; } .btn-slide { background: gray; text-align: center; width: 120px; height: 30px; padding: 10px 10px 0 0; margin: 0 auto; display: block; color: #fff; text-decoration: none; }function showdiv() { document.getElementById("hpn").style.display = "block"; // document.getElementById("pn").style.height=80px; document.getElementById("strHref").href = "javascript:hidediv();"; document.getElementById("strHref").innerHTML = "收起-"; } function hidediv() { document.getElementById("hpn").style.display = "none"; //document.getElementById("pn").style.height=60px; document.getElementById("strHref").href = "javascript:showdiv();"; document.getElementById("strHref").innerHTML = "更多选项+"; }

手机 - 商品筛选

京东商城网站源码,vscode asp补全,Ubuntu22内核版本,残存的tomcat,sqlite命里行,微信免签支付插件,博客网站搭建前端框架,python爬虫系列模拟,des加密PHP,武汉seo纷飞,简易新闻发布网站模板下载,vc 网页打印控件,微信商城后台管理系统模板,wordpress登录页面图标修改,小程序餐饮管理系统源码,分享程序源码盈利lzw

网络: 移动4G(TD-LTE ) 联通4G(TD-LTE) 联通3G(WCDMA)

android日历源码分析,vscode+干嘛用的,ubuntu最轻量,tomcat处理请求原理,初学爬虫接单,php用户登录模块,湖北工厂seo推广公司排名,it科技资讯新闻类织梦网站模板(带手机端,虚拟币交易html5模板lzw

价格: 5000以上 4000-4999 3000-3999 2000-2999

特点: JDPhone计划 "0"元购机 防水 长待机 1080P全高清屏

更多选项+

上面这样调用可以执行showdiv()

但是用onclick如下就不能执行,这是为什么呢?求解.

body { margin: 0 auto; padding: 0; } a:focus { outline: none; } #pn { background: #e8e8e8; width: 600px; display: block; margin: 0 auto; padding: 5px; font-size: 9pt; height: auto; } .slide { margin: 0; padding: 0; width: 600px; border-top: solid 4px gray; margin: 0 auto; } .btn-slide { background: gray; text-align: center; width: 120px; height: 30px; padding: 10px 10px 0 0; margin: 0 auto; display: block; color: #fff; text-decoration: none; }function showdiv() { document.getElementById("hpn").style.display = "block"; // document.getElementById("pn").style.height=80px; document.getElementById("strHref").href = "javascript:hidediv();"; document.getElementById("strHref").innerHTML = "收起-"; } function hidediv() { document.getElementById("hpn").style.display = "none"; //document.getElementById("pn").style.height=60px; document.getElementById("strHref").href = "javascript:showdiv();"; document.getElementById("strHref").innerHTML = "更多选项+"; }

手机 - 商品筛选

网络: 移动4G(TD-LTE ) 联通4G(TD-LTE) 联通3G(WCDMA)

价格: 5000以上 4000-4999 3000-3999 2000-2999

特点: JDPhone计划 "0"元购机 防水 长待机 1080P全高清屏

更多选项+

回复讨论(解决方案)

第二种:

你在点击的时候,给a标签的href添加了URL了,然后就执行了hidediv();方法,所以,它是很快的显示又隐藏了

其实这个不不用写成两个方法,你就写一个方法,然后方法内判断元素是显示还是隐藏就可以了

以下是我给你提供的代码:

function showdiv(info) {

var $e = $(“#hpn”);

if (!$e.is(“:visible”)) {

$e.show();

$(“#” + info).html(“收起-“);

}else {

$e.hide();

$(“#” + info).html(“更多选项+”);

}

}

手机 – 商品筛选

网络: 移动4G(TD-LTE ) 联通4G(TD-LTE) 联通3G(WCDMA)

价格: 5000以上 4000-4999 3000-3999 2000-2999

特点: JDPhone计划 “0”元购机 防水 长待机 1080P全高清屏

更多选项+

添加了没有用啊..= =这真不是特别懂..

第二种:

你在点击的时候,给a标签的href添加了URL了,然后就执行了hidediv();方法,所以,它是很快的显示又隐藏了

其实这个不不用写成两个方法,你就写一个方法,然后方法内判断元素是显示还是隐藏就可以了

以下是我给你提供的代码:

function showdiv(info) {

var $e = $(“#hpn”);

if (!$e.is(“:visible”)) {

$e.show();

$(“#” + info).html(“收起-“);

}else {

$e.hide();

$(“#” + info).html(“更多选项+”);

}

}

手机 – 商品筛选

网络: 移动4G(TD-LTE ) 联通4G(TD-LTE) 联通3G(WCDMA)

价格: 5000以上 4000-4999 3000-3999 2000-2999

特点: JDPhone计划 “0”元购机 防水 长待机 1080P全高清屏

更多选项+

谢谢,感谢方法,但我主要还是不懂那个onclick事件怎么修改才能正确显示..

这样

body { margin: 0 auto; padding: 0; } a:focus { outline: none; } #pn { background: #e8e8e8; width: 600px; display: block; margin: 0 auto; padding: 5px; font-size: 9pt; height: auto; } .slide { margin: 0; padding: 0; width: 600px; border-top: solid 4px gray; margin: 0 auto; } .btn-slide { background: gray; text-align: center; width: 120px; height: 30px; padding: 10px 10px 0 0; margin: 0 auto; display: block; color: #fff; text-decoration: none; }function showdiv() { document.getElementById("hpn").style.display = "block"; document.getElementById("strHref").innerHTML = "收起-";document.getElementById("strHref").onclick=hidediv; } function hidediv() { document.getElementById("hpn").style.display = "none"; document.getElementById("strHref").innerHTML = "更多选项+";document.getElementById("strHref").onclick=showdiv; }

手机 - 商品筛选

网络: 移动4G(TD-LTE ) 联通4G(TD-LTE) 联通3G(WCDMA)

价格: 5000以上 4000-4999 3000-3999 2000-2999

特点: JDPhone计划 "0"元购机 防水 长待机 1080P全高清屏

更多选项+

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。