国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > JS > 正文

JavaScript實際應用:innerHTMl和確認提示的使用

2024-09-06 12:45:24
字體:
來源:轉載
供稿:網友

今天開發中涉及到對一個層的信息控制,就是控制一個層中顯示什么信息,查找資料才知道使用innerHTML屬性來控制層的值,這個innerHTML跟表單里面的value屬性有點類似,能夠控制層的顯示值。

比如說我一個div層里本來沒有值,我處罰一個事件后要顯示值,那么就能夠使用innerHTML屬性了,其實innerHTML屬性除了能控制層以外,還能控制窗口內容的所有元素,但是我沒有測試過。

(1)對div標簽的控制

div標簽跟span標簽是不一樣的,div是一個層的塊,span是一行,我們下面看演示就知道區別了。先來看一段控制div的代碼。

<script language="javascript">
function chageDiv(number)
{
 if (number == 1) {
  document.getElementById("div1").innerHTML = "值為1";
 }
 if (number == 2) {
  document.getElementById("div1").innerHTML = "值為2";
 }
}
</script>

DIV塊測試:<div id="div1">默認值</div>

<a href="#" onClick="chageDiv(1)">改變值為1</a>
<a href="#" onClick="chageDiv(2)">改變值為2</a>

運行的時候,點擊“改變值為1”那么“默認值”這個內容將會被改變為“值為1”,但是注意其中的界面,就是會發現“DIV測試:”和“默認值”是兩行顯示的,因為DIV是按塊來顯示的。

(2)對span的控制

與div類似,但是它是按照行來顯示的,看下面的代碼:

function chageSpan(number)
{
 if (number == 1) {
  document.getElementById("span1").innerHTML = "值為1";
 }
 if (number == 2) {
  document.getElementById("span1").innerHTML = "值為2";
 }
}
</script>
Span行測試:
<span id="span1">默認值</span><br>
<a href="#" onClick="chageSpan(1)">改變值為1</a>
<a href="#" onClick="chageSpan(2)">改變值為2</a>

當點擊“改變值為1”的時候,“默認值”將變為“值為1”,但是“Span行測試”和“默認值”是在同一行顯示的,跟DIV不一樣。

另外一個值得注意的就是,不管是div還是span,后面的名字都是以為id來定義的,不是象表單一樣是使用name來定義的。

(3)confirm確認提示框的制作

當我們要執行一個危險操作的時候,比如刪除某個內容等,那么就應該給用戶相應的提示來用戶不容易犯錯誤。一般提示都是使用confirm()函數來處理的,給它提交一個參數作為顯示的信息提示,那么訪問的時候將彈出對話框,如果點擊了“確定”那么將改函數返回true,點擊了“取消”將放回false,我們針對這個特點來使用兩種方法來控制用戶是否執行某個操作。

看代碼:

<script language="javascript">
function accessNeteasy()
{
 if(confirm('你真的要訪問網易新聞 ?')) {

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 甘孜县| 德保县| 汉川市| 宝鸡市| 札达县| 双城市| 扶沟县| 遵义县| 梅州市| 黄陵县| 成都市| 田东县| 太和县| 开远市| 南城县| 吉木乃县| 沈阳市| 友谊县| 栾城县| 遵义县| 襄汾县| 昭平县| 灵寿县| 洪洞县| 滦平县| 墨江| 麻城市| 文水县| 长寿区| 淮北市| 新干县| 合川市| 确山县| 调兵山市| 北宁市| 隆德县| 靖州| 珲春市| 筠连县| 苗栗县| 察隅县|