js输出大段html文档简便方法

JavaScript011

js输出大段html文档简便方法,第1张

把要输出的html全部写在某个id中,然后复制过去,你想放多少都行

<script type="text/javascript">

window.onload=function(){

var _acon=document.getElementById("aaa").innerHTML

var _bbb=document.getElementById("bbb")

_bbb.innerHTML=_acon

}

</script>

<div id="aaa">

    <div class="test">

    <ul>

        <li>aaaaaaa</li>

        <li>bbbbbbb</li>

        <li>ccccccc</li>

    </ul>

    </div>

</div>

<div id="bbb"></div>

1、给文本框添加触发事件onfocus和onblur,调用函数处理。完整代码:

<script>

function cls(){

//捕获触发事件的对象,并设置为以下语句的默认对象

with(event.srcElement)

//如果当前值为默认值,则清空

if(value==defaultValue) value=""

}

function res(){

//捕获触发事件的对象,并设置为以下语句的默认对象

with(event.srcElement)

//如果当前值为空,则重置为默认值

if(value=="") value=defaultValue

}

</script>

<input value="填写您的昵称" onfocus="cls()"

onblur="res()">

<input value="填写您的生日(1900-01-01)"

onfocus="cls()" onblur="res()">

注意:本例的方法对大部分表单控件都有效,比如多行文本框。

给文本框添加一个onkeyup事件

然后在页面上添加一个你要显示文本框内容的任意标签,但id必须是唯一的

实例:

<input type="text" size="20" onkeyup="shu(this.value)"/>

<span id="txt">这里显示文本框的内容</span>

js代码:

<script>

function shu(text){

document.getElementById('txt').innerText=text

}

</script>