欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JS模擬按鈕點(diǎn)擊功能的方法

 更新時(shí)間:2015年12月22日 09:24:44   作者:fengyee_zju  
這篇文章主要介紹了JS模擬按鈕點(diǎn)擊功能的方法,結(jié)合實(shí)例形式分析了JavaScript模擬點(diǎn)擊按鈕事件的實(shí)現(xiàn)技巧,并附帶了JavaScript模擬點(diǎn)擊鏈接的實(shí)現(xiàn)方法,需要的朋友可以參考下

本文實(shí)例講述了JS模擬按鈕點(diǎn)擊功能的方法。分享給大家供大家參考,具體如下:

<html>
 <head>
  <title>usually function</title>
 </head>
 <script>
 function load(){
  //下面兩種方法效果是一樣的
  document.getElementById("target").onclick();
  document.getElementById("target").click();
 }
 function test(){
  alert("test");
 }
</script>
 <body onload="load()">
  <button id="target" onclick="test()">test</button>
 </body>
<html>

備注:

btnObj.click()是真正地用程序去點(diǎn)擊按鈕,觸發(fā)了按鈕的onclick()事件

btnObj.onclick()只是簡(jiǎn)單地調(diào)用了btnObj的onclick所指向的方法,只是調(diào)用方法而已,并未觸發(fā)事件

補(bǔ)充:

javascript模擬鼠標(biāo)點(diǎn)擊a便簽的例子

這里先獲取a標(biāo)簽元素,然后后面.click()即可.

代碼如下:

<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>
<body>
<a href="這里是a標(biāo)簽的路徑">這里是a標(biāo)簽的名稱</a>
<button onclick="fn()">點(diǎn)擊打開a標(biāo)簽</button>
<script>
  var a = document.getElementsByTagName('a')[0];
  function fn(){
    a.click();
  }
</script>
</body>
</html>

希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。

相關(guān)文章

  • Bootstrap實(shí)現(xiàn)的標(biāo)簽頁內(nèi)容切換顯示效果示例

    Bootstrap實(shí)現(xiàn)的標(biāo)簽頁內(nèi)容切換顯示效果示例

    這篇文章主要介紹了Bootstrap實(shí)現(xiàn)的標(biāo)簽頁內(nèi)容切換顯示效果,結(jié)合完整實(shí)例形式分析了基于Bootstrap實(shí)現(xiàn)的標(biāo)簽頁內(nèi)容切換顯示功能相關(guān)操作技巧,非常簡(jiǎn)單實(shí)用,需要的朋友可以參考下
    2017-05-05
  • 很棒的Bootstrap選項(xiàng)卡切換效果

    很棒的Bootstrap選項(xiàng)卡切換效果

    這篇文章主要為大家分享了一款很棒的Bootstrap選項(xiàng)卡切換效果,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2016-07-07
  • chrome瀏覽器如何斷點(diǎn)調(diào)試異步加載的JS

    chrome瀏覽器如何斷點(diǎn)調(diào)試異步加載的JS

    chrome瀏覽器不僅僅可以用來上網(wǎng),對(duì)于開發(fā)人員來說,它更像是一款強(qiáng)大的開發(fā)輔助工具。今天這篇文章給大家分享在chrome瀏覽器如何斷點(diǎn)調(diào)試異步加載的JS,有需要的可以參考借鑒。
    2016-09-09
  • ECharts異步加載數(shù)據(jù)與數(shù)據(jù)集(dataset)

    ECharts異步加載數(shù)據(jù)與數(shù)據(jù)集(dataset)

    這篇文章介紹了ECharts異步加載數(shù)據(jù)與數(shù)據(jù)集(dataset),文中通過示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
    2022-06-06
  • Webpack執(zhí)行命令參數(shù)詳解

    Webpack執(zhí)行命令參數(shù)詳解

    本篇文章主要介紹了Webpack執(zhí)行命令參數(shù)詳解 ,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2017-06-06
  • javascript 客戶端驗(yàn)證上傳圖片的大?。嫒軮E和火狐)

    javascript 客戶端驗(yàn)證上傳圖片的大?。嫒軮E和火狐)

    做web開發(fā)的哥們都會(huì)遇到批量上傳圖片的需求,相信大家都會(huì)遇到這樣的問題,當(dāng)選擇好要上傳的圖片,提交服務(wù)器后,發(fā)現(xiàn)有圖片的大小超過了系統(tǒng)允許的范圍。
    2009-08-08
  • JS浮點(diǎn)數(shù)運(yùn)算結(jié)果不精確的Bug解決

    JS浮點(diǎn)數(shù)運(yùn)算結(jié)果不精確的Bug解決

    這篇文章主要給大家介紹了關(guān)于JS浮點(diǎn)數(shù)運(yùn)算結(jié)果不精確的Bug解決,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家學(xué)習(xí)或者使用JS具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧
    2019-08-08
  • JS測(cè)試顯示屏分辨率以及屏幕尺寸的方法

    JS測(cè)試顯示屏分辨率以及屏幕尺寸的方法

    如何用JS特效顯示自己的屏幕分辨率以及屏幕尺寸呢,你會(huì)嗎?如果不會(huì),那么下面有個(gè)不錯(cuò)的方法,大家可以參考下
    2013-11-11
  • 無廢話JavaScript教程(全集)

    無廢話JavaScript教程(全集)

    許多讀者認(rèn)為我那本《JavaScript語言精髓與編程實(shí)踐》讀來辛苦,所以我一直想寫個(gè)簡(jiǎn)單的讀本。索性,這次就寫個(gè)最簡(jiǎn)單的吧。
    2008-10-10
  • 一個(gè)Action如何調(diào)用兩個(gè)不同的方法

    一個(gè)Action如何調(diào)用兩個(gè)不同的方法

    這篇文章主要介紹了一個(gè)Action如何調(diào)用兩個(gè)不同的方法,需要的朋友可以參考下
    2014-05-05

最新評(píng)論