open 動態(tài)修改img的onclick事件示例代碼
更新時(shí)間:2013年11月13日 17:27:16 作者:
動態(tài)修改img的onclick事件,使用open也可輕松做到,下面有個(gè)不錯(cuò)的示例,需要的朋友可以參考下
復(fù)制代碼 代碼如下:
var imgsrc = document.getElementById("imgsrc").getElementsByTagName('img');
imgsrc[0].style.cursor="hand";
imgsrc[0].onclick = new Function( "openArticle('/RssCommServlet?catalogid=29')");
imgsrc[1].style.cursor="hand";
imgsrc[1].onclick = new Function( "openArticle('/RssCommServlet?catalogid=30')");
imgsrc[2].style.cursor="hand";
imgsrc[2].onclick = new Function( "openArticle('/RssCommServlet?catalogid=31')");
<!--
function openArticle(url)
{
if(url=='')
return;
var option = "";
window.open(url,'',option);
}
var isDOM = (document.getElementById ? true : false);
var isIE4 = ((document.all && !isDOM) ? true : false);
var isNS4 = (document.layers ? true : false);
function getRef(id)
{
if (isDOM) return document.getElementById(id);
if (isIE4) return document.all[id];
if (isNS4) return document.layers[id];
}
function openNotice(url,winOption)
{
if(url=='')
return;
window.open(url,'',winOption);
}
function openWin(url,left,top,width,height)
{
if(url=='')
return;
var winOption = "toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=yes,width="+width+",height="+height+",left="+left+",top="+top;
window.open(url,'',winOption);
return;
}
function openWin(url,left,top,width,height,resizable)
{
if(url=='')
return;
var winOption = "toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable="+resizable+",width="+width+",height="+height+",left="+left+",top="+top;
window.open(url,'',winOption);
return;
}
//-->
您可能感興趣的文章:
- 原生JS操作網(wǎng)頁給p元素添加onclick事件及表格隔行變色
- js onclick事件傳參講解
- window.location.href = window.location.href 跳轉(zhuǎn)無反應(yīng) a超鏈接onclick事件寫法
- A標(biāo)簽觸發(fā)onclick事件而不跳轉(zhuǎn)的多種解決方法
- js給onclick事件賦值,動態(tài)傳參數(shù)實(shí)例解說
- js觸發(fā)asp.net的Button的Onclick事件應(yīng)用
- jquery移除button的inline onclick事件(已測試及兼容瀏覽器)
- jquery應(yīng)該如何來設(shè)置改變按鈕input的onclick事件
- Asp.Net 不同的OnClick事件區(qū)別小結(jié)(onserverclick,onclientclick)
- javascript 動態(tài)改變onclick事件觸發(fā)函數(shù)代碼
- 為radio類型的INPUT添加客戶端腳本(附加實(shí)現(xiàn)JS來禁用onClick事件思路代碼)
- javascript option onclick事件ie解決方案 兼容ie,firefox
- javascript使用onclick事件改變選中行的顏色
相關(guān)文章
echarts圖形x、y坐標(biāo)文字設(shè)置間隔顯示及相關(guān)問題詳解
最近在做一個(gè)web的數(shù)據(jù)統(tǒng)計(jì)部分用到了Echart,下面這篇文章主要給大家介紹了關(guān)于echarts圖形x、y坐標(biāo)文字設(shè)置間隔顯示及相關(guān)問題的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-08-08
Bootstrap實(shí)現(xiàn)input控件失去焦點(diǎn)時(shí)驗(yàn)證
這篇文章主要介紹了Bootstrap實(shí)現(xiàn)input控件失去焦點(diǎn)時(shí)驗(yàn)證的相關(guān)資料,非常不錯(cuò),需要的朋友可以參考下,需要的朋友可以參考下2016-08-08
echarts拖拽滑塊dataZoom-slider自定義樣式簡單適配移動端
在電腦端和移動端的數(shù)據(jù)展示中,針對移動端的特殊性,進(jìn)行了一系列優(yōu)化措施,這篇文章主要介紹了echarts拖拽滑塊dataZoom-slider自定義樣式簡單適配移動端的相關(guān)資料,需要的朋友可以參考下2024-09-09
js中的hasOwnProperty和isPrototypeOf方法使用實(shí)例
這篇文章主要介紹了js中的hasOwnProperty和isPrototypeOf方法使用實(shí)例,需要的朋友可以參考下2014-06-06
JavaScript switch case 的用法實(shí)例[范圍]
JavaScript switch case 的用法實(shí)例,大家可以參考下。2009-09-09
JavaScript實(shí)現(xiàn)簡單表單驗(yàn)證案例
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)簡單表單驗(yàn)證案例,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-08-08
JavaScript實(shí)現(xiàn)相冊彈窗功能(zepto.js)
這篇文章主要介紹了JavaScript基于zepto.js實(shí)現(xiàn)相冊彈窗功能的相關(guān)資料,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-06-06

