js代碼頁面按鈕沒有反應(jsp提交按鈕沒反應)

本文目錄一覽:

js 點擊按鈕沒反應

$(“#zzz”).click(function(){

alert(“!”);

});

});

語法錯誤,f11日傲視看一下,很明顯問題多:});

js代碼運行點擊按鈕沒反應

這裡面有一個全形的」下雙引號,修改Script為:

function buttonreport(buttonId,buttonName,buttonValue) {

var userMessage1=”button id:”+buttonId+”\n”;

var userMessage2=”button name:”+buttonName+”\n”;

var userMessage3=”button value:”+buttonValue+”\n”;

alert(userMessage1+userMessage2+userMessage3);

}

即可(在button name右邊)

jsp頁面點擊button沒有反應

jsp頁面點擊button沒有反應一般是遇到js錯誤了,點開F12,調試一下js就能發現錯誤了。

在jsp中利用button提交form的寫法如下:

form id=”form1″ action=”提交的地址”

/form

input type=”button” value=”提交” onclick=”document.getElementById(‘form1’).submit();”

其中最後一種比較靈活,比如說出發事件的可以不是一個按鈕,而是一個超鏈接或者圖片之類的元素。

a onclick=”document.getElementById(‘form1’).submit();”提交/a

js里button點了沒反應?

你的代碼中主要有兩個問題:

delNode 應該放到 window.onload 函數的外面來,否則在全局範圍內找不到delNode這個函數,你刪除的時候就會出問題;

你要刪除的元素應該是在id為content這個容器里,而不是body,所以removeChild的對象要換成 content

代碼如下:

“`js

!DOCTYPE html

html lang=”en”

head

meta charset=”UTF-8″

meta name=”viewport” content=”width=device-width, initial-scale=1.0″

titleDocument/title

/head

body

input type=”text” id=”txt1″/

button id=”btn1″確定/button

span/span

div id=”content”/div

/div

/body

/html

script

//刪除元素,這個要放到window.onload外面來,否則在全局中找不到delNode這個函數

function delNode(e)

{

console.log(“del”,e)

var one_parentNode=e.parentNode;

var two_parentNode=one_parentNode.parentNode;

document.getElementById(‘content’).removeChild(two_parentNode);//這裡作了修改

}

window.onload=function(){

var oBtn=document.getElementById(‘btn1’); //按鈕

var oTxt=document.getElementById(‘txt1’); //輸入框

var oContent=document.getElementById(‘content’) //最大的容器

var oSpan_list=document.getElementsByTagName(‘span’); //span

var count=0;

//回車且內容不為空

oTxt.onkeypress=function(event){

if(event.keyCode==”13″oTxt.value!=””)

{

addNote();

}

};

//點擊按鈕且內容不為空

oBtn.onclick=function(){

if(oTxt.value != “”)

{

addNote();

}

};

//添加元素

function addNote(){

var oP=document.getElementsByClassName(‘headline’)[count];

var aLittle=document.createElement(‘div’); //新建box

var aP=document.createElement(‘p’); //新建小字

var aSpan=document.createElement(‘span’);

var aX=document.createElement(‘input’);

var aDiv=document.createElement(‘div’); //放文本的

aLittle.className=”box”;

oContent.appendChild(aLittle);

aP.className=”headline”;

aLittle.appendChild(aP);

aSpan.className=”note”;

aSpan.innerHTML=”note “+parseInt(count+1);

aP.appendChild(aSpan);

aX.className=’X’;

aX.type=”button”;

aX.value=’X’;

aX.setAttribute(“onclick”,”delNode(this)”);

aP.appendChild(aX);

aDiv.innerHTML=oTxt.value;

aDiv.className=”things”;

aLittle.appendChild(aDiv);

count++;

}

};

/script

“`

js中按鈕點擊沒有反應

你好。

當你調用 $(document).ready(function() { });

這個函數 時,

要加 jquery.min.js 。你能上網,就這句加到 head /head .去試下吧

例如

script src=””

/script

有的時候點擊網頁上的功能按鈕,很多次沒反應是怎麼回事?

既然是個js按鈕,那麼1,有可能是js出錯了,出錯的原因可能是前端js程序員本身寫錯,有可能是你的瀏覽器對按鈕使用的js方法不兼容。這個問題應該讓網站的前端工程師搞一下。2,可能是網路延遲,也就是按鈕已經被觸發了,正在請求伺服器,由於結果還沒有回來,讓你以為是沒反應。這種問題應該讓網站的產品經理、體驗工程師、前端工程師把按鈕做成防止重複提交的,並且觸發之後加以「正在載入」之類的文案提示。3,按鈕是坑爹的……就是做了個假按鈕讓你點,甚至有可能這個按鈕是畫在圖片上的……這個沒什麼可說的。4,變化發生在你看不到的範圍。那麼這個產品做得真爛5,本來這個按鈕的設計就是沒有任何變化。那麼這個產品做得真爛

原創文章,作者:XMKJP,如若轉載,請註明出處:https://www.506064.com/zh-tw/n/129780.html

(0)
打賞 微信掃一掃 微信掃一掃 支付寶掃一掃 支付寶掃一掃
XMKJP的頭像XMKJP
上一篇 2024-10-03 23:27
下一篇 2024-10-03 23:27

相關推薦

  • Python周杰倫代碼用法介紹

    本文將從多個方面對Python周杰倫代碼進行詳細的闡述。 一、代碼介紹 from urllib.request import urlopen from bs4 import Bea…

    編程 2025-04-29
  • Python字元串寬度不限制怎麼打代碼

    本文將為大家詳細介紹Python字元串寬度不限制時如何打代碼的幾個方面。 一、保持代碼風格的統一 在Python字元串寬度不限制的情況下,我們可以寫出很長很長的一行代碼。但是,為了…

    編程 2025-04-29
  • Python基礎代碼用法介紹

    本文將從多個方面對Python基礎代碼進行解析和詳細闡述,力求讓讀者深刻理解Python基礎代碼。通過本文的學習,相信大家對Python的學習和應用會更加輕鬆和高效。 一、變數和數…

    編程 2025-04-29
  • 倉庫管理系統代碼設計Python

    這篇文章將詳細探討如何設計一個基於Python的倉庫管理系統。 一、基本需求 在著手設計之前,我們首先需要確定倉庫管理系統的基本需求。 我們可以將需求分為以下幾個方面: 1、庫存管…

    編程 2025-04-29
  • Python滿天星代碼:讓編程變得更加簡單

    本文將從多個方面詳細闡述Python滿天星代碼,為大家介紹它的優點以及如何在編程中使用。無論是剛剛接觸編程還是資深程序員,都能從中獲得一定的收穫。 一、簡介 Python滿天星代碼…

    編程 2025-04-29
  • 寫代碼新手教程

    本文將從語言選擇、學習方法、編碼規範以及常見問題解答等多個方面,為編程新手提供實用、簡明的教程。 一、語言選擇 作為編程新手,選擇一門編程語言是很關鍵的一步。以下是幾個有代表性的編…

    編程 2025-04-29
  • Python實現簡易心形代碼

    在這個文章中,我們將會介紹如何用Python語言編寫一個非常簡單的代碼來生成一個心形圖案。我們將會從安裝Python開始介紹,逐步深入了解如何實現這一任務。 一、安裝Python …

    編程 2025-04-29
  • 怎麼寫不影響Python運行的長段代碼

    在Python編程的過程中,我們不可避免地需要編寫一些長段代碼,包括函數、類、複雜的控制語句等等。在編寫這些代碼時,我們需要考慮代碼可讀性、易用性以及對Python運行性能的影響。…

    編程 2025-04-29
  • 北化教務管理系統介紹及開發代碼示例

    本文將從多個方面對北化教務管理系統進行介紹及開發代碼示例,幫助開發者更好地理解和應用該系統。 一、項目介紹 北化教務管理系統是一款針對高校學生和教職工的綜合信息管理系統。系統實現的…

    編程 2025-04-29
  • Python愛心代碼動態

    本文將從多個方面詳細闡述Python愛心代碼動態,包括實現基本原理、應用場景、代碼示例等。 一、實現基本原理 Python愛心代碼動態使用turtle模塊實現。在繪製一個心形的基礎…

    編程 2025-04-29

發表回復

登錄後才能評論