软件开发培训班 >> 编程开发 >> JavaScript


JavaScript实际应用：innerHTMl和确认提示的使用

今日开发中 波及到对一个层的信息操纵，便是操纵一个层中显示什么信息，搜索 材料才晓得 使用innerHTML属性来操纵层的值，这个innerHTML跟表单里面的value属性有点 类似， 可以操纵层的显示值 。

比方说我一个div层里 原来没有值，我处罚一个事件后要显示值，那么就 可以 使用innerHTML属性了，其实innerHTML属性除了能操纵层以外，还能操纵窗口内容的全部元素，然而我没有测试过 。

(1)对div标签的操纵

div标签跟span标签是不一样的，div是一个层的块，span是一行，我们下面看演示就晓得区别了 。先来看一段操纵div的代码 。

DIV块测试：

默许值

转变值为1
转变值为2

运行的时候，点击“转变值为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";
 }
}

Span行测试：
默许值

转变值为1
转变值为2

当点击“转变值为1”的时候，“默许值”将变为“值为1”，然而“Span行测试”和“默许值”是在同一行显示的，跟DIV不一样 。

另外一个值得 留神的便是， 无论是div还是span，后面的名字都是 认为id来定义的，不是象表单一样是 使用name来定义的 。

(3)confirm确认 揭示框的制作

当我们要执行一个惊险操作的时候， 比方删除某个内容等，那么就应该给消费者相应的 揭示来消费者不容易犯 舛误 。普通 揭示都是 使用confirm()函数来 解决的，给它提交一个参数作为显示的信息 揭示，那么 拜访的时候将弹出对话框，假如点击了“确定”那么将改函数返回true，点击了“ 取缔”将放回false，我们针对这个特色来 使用两种 步骤来操纵消费者是不是执行某个操作 。

看代码：

拜访 模式一：
网易新闻

拜访 模式二：
href="http://news.sina.com.cn" onClick="return accessSina()">新浪新闻

我们这里 构建了两个函数，一个accessNeteay，一个accessSina，便是 拜访网易和新浪，我们 使用不同的 步骤，第一种便是当点了链接以后，推断假如是true的话，那么就location到指定链接，这种 步骤 比较不 存在通用型，不得不针对单个的链接 。第二种 步骤是 使用返回值的 模式，当确定要 拜访的时候返回true，不确定的时候返回false，那么这个 可以针对任何链接来做，写成一个通用的信息 揭示，容易页面中的调用 。

以上代码都 通过测试通过， 可以自己再这个 根底上进行 扩大，写出自己需求的JavaScript代码 。

更多小技巧 提议参考蓝色 事实的链接：http://www.blueidea.com/tech/web/2004/2379.asp