国产探花免费观看_亚洲丰满少妇自慰呻吟_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('你真的要訪問網易新聞 ?')) {

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 新巴尔虎左旗| 泾源县| 德钦县| 桐乡市| 眉山市| 昌邑市| 屯门区| 多伦县| 柯坪县| 蚌埠市| 五河县| 阿勒泰市| 阳山县| 德江县| 进贤县| 新龙县| 开平市| 莱芜市| 时尚| 疏勒县| 东光县| 包头市| 柳江县| 汶川县| 江北区| 册亨县| 益阳市| 石棉县| 城口县| 潍坊市| 吴桥县| 巨鹿县| 喀喇| 金乡县| 平南县| 关岭| 洛隆县| 阿瓦提县| 建昌县| 桦川县| 淮北市|