js中insertAdjacentHTML的用法

<div   id=mxh>原来的</div>  

  <input   onclick="document.all.mxh.insertAdjacentHTML('beforeBegin','<div>新 加的</div>')"   type=button   value="Insert   Before">  

  <input   onclick="document.all.mxh.insertAdjacentHTML('beforeEnd','<div>新加的 </div>')"   type=button   value="Insert   Before   End">

参数有两个,第一个:插入位置;第二个:插入内容;  

  第一个参数的意义:  

  [插在这里,值为"beforeBegin"]<div   id=test>[插在这里,值为"afterBegin"]    

    层内文字    

  [插在这里,值为"beforeEnd"]</div>[插在这里,值为"afterEnd"]   

时间: 2024-12-21 01:19:39

js中insertAdjacentHTML的用法的相关文章

js中indexof的用法详细解析

 本篇文章主要是对js中indexof的用法进行了详细的介绍,需要的朋友可以过来参考下,希望对大家有所帮助 String.IndexOf 方法 (Char, [startIndex], [count])   报告指定字符在此实例中的第一个匹配项的索引.搜索从指定字符位置开始,并检查指定数量的字符位置.   参数   value   要查找的 Unicode 字符. 对 value 的搜索区分大小写.   startIndex(Int32)   可选项,搜索起始位置.不设置则从0开始.   cou

JS中prototype的用法实例分析

 这篇文章主要介绍了JS中prototype的用法,实例分析了JS中prototype的常见使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下     本文实例讲述了JS中prototype的用法.分享给大家供大家参考.具体分析如下: JS中的phototype是JS中比较难理解的一个部分 本文基于下面几个知识点: 1 原型法设计模式 在.Net中可以使用clone()来实现原型法 原型法的主要思想是,现在有1个类A,我想要创建一个类B,这个类是以A为原型的,并且能进行扩展.我们称B的原型为A

JS中event.keyCode用法及keyCode对…

js中event.keyCode用法及keyCode对照表  标签: javascriptJavaScriptJavascriptjavaScript 2012-12-11 15:11 HTML JavaScript: JumpByEnter(UserPwd) 函数功能:输入完用户名按回车,焦点转向密码输入框 IsEnterKeyPress()功能:输入完密码并按回车,则登录 function JumpByEnter(NextElement){      var lKeyCode = (navi

实例讲解JS中setTimeout()的用法_javascript技巧

本文实例讲解了JS中setTimeout()的用法,分享给大家供大家参考,具体内容如下 效果图: 具体代码: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>无标题文档</title> <script type="text/javascript"&

js中this的用法实例分析_javascript技巧

本文实例分析了js中this的用法.分享给大家供大家参考.具体分析如下: 实例1:第一种调用this的方法--以函数形式调用.它代表全局对象window 复制代码 代码如下: <script type="text/javascript"> function t(){  alert(this);//这里this表示window对象. } t(); </script> 实例2:第二种调用this的方法--以对象属性的形式调用.它代表该对象.实例中onclick为p元

深入理解js中this的用法_基础知识

this是js的一个关键字,随着函数使用场合不同,this的值会发生变化.但是总有一个原则,那就是this指的是调用函数的那个对象. 1.纯粹函数调用. function test() { this.x = 1; alert(x); } test(); 其实这里的this就是全局变量.看下面的例子就能很好的理解其实this就是全局对象Global.其实这里的this就是全局变量.看下面的例子就能很好的理解其实this就是全局对象Global. var x = 1; function test()

JS中prototype的用法实例分析_javascript技巧

本文实例讲述了JS中prototype的用法.分享给大家供大家参考.具体分析如下: JS中的phototype是JS中比较难理解的一个部分   本文基于下面几个知识点:  1 原型法设计模式 在.Net中可以使用clone()来实现原型法 原型法的主要思想是,现在有1个类A,我想要创建一个类B,这个类是以A为原型的,并且能进行扩展.我们称B的原型为A.  2 javascript的方法可以分为三类: a 类方法 b 对象方法 c 原型方法 例子如下: function People(name)

JS中event.keyCode用法及keyCode对照表

js中event.keyCode用法及keyCode对照表  标签: javascriptJavaScriptJavascriptjavaScript 2012-12-11 15:11 HTML JavaScript: JumpByEnter(UserPwd) 函数功能:输入完用户名按回车,焦点转向密码输入框 IsEnterKeyPress()功能:输入完密码并按回车,则登录 function JumpByEnter(NextElement){      var lKeyCode = (navi

js中this的用法实例分析

 实例1:第一种调用this的方法--以函数形式调用.它代表全局对象window  代码如下: <script type="text/javascript"> function t(){  alert(this);//这里this表示window对象. } t(); </script> 实例2:第二种调用this的方法--以对象属性的形式调用.它代表该对象.实例中onclick为p元素对象的属性 代码如下: <html> <head> &