javascript:; 触发什么事件??

蓝翔招生办 2008-05-23 10:24:38
刚看不携程旅行网的一个效果
通过单击新增下面就新增了一张用户信息表单
单击删除时就可以删除这张表
它的代码如下:
<a href="javascript:;" class="priFltDomesticPassenger_add01">新增</a>
<a href="javascript:;" class="priFltDomesticPassenger_del01">删除</a>

代码中 href="javascript:;"将触发的是什么事件啊
向各位请教一二。。。。。。。。。。。。

...全文
263 10 打赏 收藏 转发到动态 举报
写回复
用AI写文章
10 条回复
切换为时间正序
请发表友善的回复…
发表回复
muxrwc 2008-05-23
  • 打赏
  • 举报
回复
http中的伪协议...


file: 查看本地文件
javascript: 执行 javascript 脚本
mailto: 发送邮件至
view-source: 查看源文件

貌似还有一些,不过没艘到...

上面那些是
google
艘到的.
来自
http://www.youngoat.cn/2008/01/html-pseudo-protocals/
蓝翔招生办 2008-05-23
  • 打赏
  • 举报
回复
[Quote=引用 2 楼 bhtfg538 的回复:]
空操作
就是void(0)和 href="#"差不多

[/Quote]

向你说的空操作但为什么单击添加是会多出一张表呢?
joegu 2008-05-23
  • 打赏
  • 举报
回复
#包含了一个位置信息

默认的锚点是#top 也就是网页的上端

而javascript:void(0) 仅仅表示一个死链接

这就是为什么有的时候页面很长浏览链接明明是#可是

跳动到了页首

而javascript:void(0) 则不是如此

所以调用脚本的时候最好用void(0)

或者<input onclick>

<div onclick>等

打开新窗口链接的几种办法

1.window.open('url')

2.用自定义函数

<script>
function openWin(tag,obj)
{
obj.target="_blank";
obj.href = "Web/Substation/Substation.aspx?stationno="+tag;
obj.click();
}
</script>

<a href="javascript:void(0)" onclick="openWin(3,this)">株洲</a>

window.location.href=""





开发的时候有时需要用link(<a>)来触发一些javascript事件,所以常常可以看到如下的代码:

<a href="javascript:void(0)" xxxxx="doSomething();return false;">Link</a>这是一个曾经被多次讨论过的问题,长期以来,我也一直是这样写的。读了 a href=”javascript:void(0);” — avoid the void 之后,我认同了作者的意见。下面的写法确实更合理:


<a href="#" xxxxx="doSomething();return false;">Link</a>或者


<script type="javascript">function doSomething() { //doSomething return false;}</script><a href="#" xxxxx="return doSomething();">Link</a>以往大家不使用"#"的问题是,这将导致点击链接时页面跳回页面顶部,但通过 return false 语句将使得浏览器忽略链接的默认动作,从而避免了此问题。

youngpup 更有意思,他在How to Create Pop-Up Windows 中言辞激烈的倡导大家永远永远永远不要使用 javascript: 伪协议:


Never, ever, ever use the javascript: pseudo-protocol for anything, ever ever ever ever again. Please. Pretty please.
他的解决方案是:

<a href="http://google.com/" xxxxx="window.open(this.href, 'popupwindow', 'width=400,height=300,scrollbars,resizable'); return false;">这样的好处就是可以保存到书签或者收藏夹,可以左键单击,也可以右键使用!
bhtfg538 2008-05-23
  • 打赏
  • 举报
回复
空操作
就是void(0)和 href="#"差不多
joegu 2008-05-23
  • 打赏
  • 举报
回复
这个是指执行javascript中的一个function 叫priFltDomesticPassenger_add01???
还是指执行一个java 类,叫 priFltDomesticPassenger_add01的?
wdbjsh 2008-05-23
  • 打赏
  • 举报
回复
href="javascript:;" 的意思就是点击链接不执行任何操作

其实就是为了给文字加上一个超级链接效果,让用户知道能被点击而已。

后边的class是超级链接的css定义。

另外,这个应不是很完整,应该还缺少了onclick时间,然执行相应的业务逻辑
fuda_1985 2008-05-23
  • 打赏
  • 举报
回复
找到此样式!~priFltDomesticPassenger_add01
第一个触发的是这个样式中定义的onclick事件!~
hwjfshx 2008-05-23
  • 打赏
  • 举报
回复
[Quote=引用 4 楼 minzaipiao 的回复:]
引用 2 楼 bhtfg538 的回复:
空操作
就是void(0)和 href="#"差不多



向你说的空操作但为什么单击添加是会多出一张表呢?
[/Quote]

<a href="javascript:;" class="priFltDomesticPassenger_add01">新增 </a>
<a href="javascript:;" class="priFltDomesticPassenger_del01">删除 </a>
用土办法获得“新增”:
//通过document.links获得<a>
//遍历<a>中class
for(var i = 0,ilen = document.links.length; i < ilen; i++){
var tmp = document.links[i];
if(tmp.className == "priFltDomesticPassenger_add01"){
//新增
tmp.onclick = function(){//...};
}else{//other...}
}
擒兽 2008-05-23
  • 打赏
  • 举报
回复
便于美工搞设计 所有JS代码会与HTML分离 很多都采用晚期执行 也就是onload之后。
擒兽 2008-05-23
  • 打赏
  • 举报
回复
javascript:; 概念等于你自己在代码中 eval 实际上浏览器会将该语句包含的字符串发送给Javascript解析器。

有些事件是使用代码绑定,一般高手都不直接在HTML元素对象中嵌入明文调用函数。便于美工搞设计。

87,922

社区成员

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

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