js 不执行

reven_wjl 2011-07-04 09:21:15
<!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>Demo_For_Wang</title>

<script type="text/javascript">
function changeColor(){
//取获取table的对象
var t=document.getElementById("table1").childNodes.item(0);
//遍历table每一个单元格,将其背景色清空(事实上是设置为白色)
for(var i=0;i< t.childNodes.length;i++)
{
for(var j=0;j<t.childNodes(i).childNodes.length;j++)
{
t.childNodes(i).childNodes(j).bgColor="white";
}
}
//获取点击的超链接所在的单元格对象
var cell = event.srcElement.parentElement;
//设置背景为红色
cell.bgColor = "red";
}

</script>

</head>

<body>
<table border="1px" id="table1">
<tr>
<td id="td1">
<a href="#" target="_blank" onclick="changeColor()">google</a>
</td>

<td id="td2">
<a href="#" target="_blank" onclick="changeColor()">baidu</a>
</td>

<td id="td3">
<a href="#" target="_blank" onclick="changeColor()">douban</a>
</td>

<td id="td4">
<a href="#" target="_blank" onclick="changeColor()">renren</a>
</td>
</tr>
</table>

</body>
</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>Demo_For_Wang</title>

<script type="text/javascript">
function changeColor(){
//取获取table的对象
var t=document.getElementById("table1").childNodes.item(0);
//遍历table每一个单元格,将其背景色清空(事实上是设置为白色)
for(var i=0;i< t.childNodes.length;i++)
{
for(var j=0;j<t.childNodes(i).childNodes.length;j++)
{
t.childNodes(i).childNodes(j).bgColor="white";
}
}
//获取点击的超链接所在的单元格对象
var cell = event.srcElement.parentElement;
//设置背景为红色
cell.bgColor = "red";
}

</script>

</head>

<body>
<table border="1px" id="table1">
<tr>
<td id="td1">
<a href="javascript:changeColor('google')" target="_blank">google</a>
</td>

<td id="td2">
<a href="javascript:changeColor('baidu')" target="_blank" >baidu</a>
</td>

<td id="td3">
<a href="javascript:changeColor('douban')" target="_blank" >douban</a>
</td>

<td id="td4">
<a href="javascript:changeColor('renren')" target="_blank" >renren</a>
</td>
</tr>
</table>

</body>
</html>



为什么下面的程序不合适啊? <a href="#" onclick="js()"> 与 <a href="javascript:js()">的区别是什么啊?
...全文
170 6 打赏 收藏 转发到动态 举报
写回复
用AI写文章
6 条回复
切换为时间正序
请发表友善的回复…
发表回复
挨踢直男 2011-07-04
  • 打赏
  • 举报
回复
不是不执行 你是 href属性里放函数
根本就不是onclick了,所以根本没有事件参数 event
你可以 alert(event)看看结果是什么
所以自然就不能通过event获得对象了,也就不能设置背景色了
小笨熊 2011-07-04
  • 打赏
  • 举报
回复
<a href="javascript:js()">这样写是为了让这个链接不要链接到新页面转而执行一段js代码。
和onclick能起到同样的效果,一般来说,如果要调用脚本还是在onclick事件里面写代码,而不推荐在href='javascript:function()' 这样的写法,因为 href 属性里面设置了js代码后,在某些浏览器下可能会引发其他不必要的事件。造成非预期效果。

而且 onclick事件会比 href属性先执行,所以会先触发 onclick 然后触发href,所以如果不想页面跳转,可以设置 onclick里面的js代码执行到最后返回一个false,这样 href 里面的东西就不会执行了。

在ajax应用程序中,多写着下面的这样 ,以表示这个链接不跳转,而执行一段js脚本。
<a href="javascript:void(0);" onclick="function()"></a>
或者 <a href="javascript:;" onclick="function()"></a>

void(0) 只是用来计算一个空值,其实也是什么事情都不做,
而分号“;”则表示是一个空的js语句,这样就不会有任何其他跳转发生了,

而且W3C标准不推荐在href里面执行javascript语句,所以还是用 onclick事件触发吧
zell419 2011-07-04
  • 打赏
  • 举报
回复
function changeColor(str){
}
把你的参数也加上 。
koo42636880 2011-07-04
  • 打赏
  • 举报
回复
1楼的解释比较通俗 呵呵...!
koo42636880 2011-07-04
  • 打赏
  • 举报
回复
javascript: (伪协议限定符)。
这种指定的协议类型说明了URL的内容是js解释器将要运行的js代码的一个任意的字符串.它被当做单独一行代码对待.
例如:
javascript: var now =new Date();"<h1>Time is:</h1>"+now;
灬上海爽爷 2011-07-04
  • 打赏
  • 举报
回复
<a href="javascript:js()">
就是相当于你在浏览器的地址栏里输入
javascript:js()

<a href="#" onclick="js()">
这个就是点击才执行js()函数了
内容概要:本文针对光伏电池在不同工况下的运行需求,深入研究了最大功率点跟踪(MPPT)与恒功率控制模式之间的切换策略,并基于Simulink平台构建仿真模型以验证控制逻辑的有效性。研究重点涵盖两种控制模式的工作原理、切换判据的设计、控制器参数的优化整定以及系统在模式切换过程中的动态响应特性,旨在实现光伏发电系统在保证最大发电效率的同时,满足电网对功率输出稳定性的要求。通过仿真分析,评估了系统在光照突变、负载波动等典型场景下的运行性能,提升了光伏系统并网的适应性与运行灵活性。; 适合人群:具备电力电子、新能源发电技术或自动控制理论基础的高校研究生、科研人员及从事光伏逆变器与并网系统设计的工程技术人员。; 使用场景及目标:①用于科研项目中光伏系统多模式控制策略的仿真验证;②支撑学术论文撰写中关于模式切换机制、系统稳定性与动态性能分析的内容;③为实际工程中光伏电站的运行控制、逆变器多模式切换逻辑设计提供理论依据与仿真原型参考。; 阅读建议:建议结合提供的Simulink仿真模型同步操作,重点关注模式切换条件的设定逻辑与系统过渡过程的仿真结果,深入分析切换瞬间的功率波动与恢复特性,可进一步将该方法迁移至其他可再生能源发电系统的多模式协调控制研究中进行对比与拓展。
内容概要:本文围绕CentOS 7在芯片设计行业的系统性能优化实践,重点探讨了基于存储I/O与内存管理的全流程加速方案。通过XFS文件系统调优(如启用DAX、largeio、allocsize=1g等参数)、HugePages大页内存配置以及NVMe SSD的I/O调度算法优化(切换为none),有效提升了EDA工具在版图设计、物理验证等环节的运行效率。结合Calibre与Innovus等实际应用场景,展示了优化后DRC验证时间从24小时缩短至14小时,性能提升达41.7%。文章还提供了详细的配置命令和脚本示例,并展望了未来对持久内存和分布式存储的技术演进方向。; 适合人群:从事芯片设计与制造的IT基础设施工程师、EDA工具开发者、系统运维人员及高性能计算平台技术人员,具备Linux系统管理和基本硬件知识者更佳; 使用场景及目标:①提升芯片设计流程中大文件I/O处理效率;②优化内存密集型EDA工具(如Innovus、Calibre)的运行性能;③构建高效稳定的CentOS 7服务器环境以支持先进制程下的海量数据处理; 阅读建议:建议结合文中提供的fstab配置、udev规则、Tcl脚本等代码实例,在测试环境中逐步部署并监控性能变化,重点关注allocsize、hugepages、I/O调度器等关键参数的实际影响,同时关注后续PMEM与分布式文件系统的扩展能力。

87,990

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧