常用原生客户端js

var el = document.createElement(‘pre‘);  // 创建 <pre></pre>元素
el.id = ‘sss‘;                  //  添加id  <pre id="sss"></pre>
document.body.appendChild(el);   // 把它 加入到body的底部去
el = document.getElementById(‘sss‘); // 访问dom 根据id得到这个元素

el.innerHTML = ‘<p>temp</p>‘;  // 向它内部添加内容 <pre id="sss"><p>temp</p></pre>

var text = document.createTextNode(‘bbq‘);  //  创建文本节点
el.appendChild(text);  //追加文本节点 <pre id="sss"> <p>temp</p> "bbq" </pre>
// console.log(el);
el.style.display = ‘none‘;   //设置它的行内样式

el.addEventListener(‘click‘,fireclick,false);// 向元素添加点击事件

//ie 8及以下 添加点击
if(!el.addEventListener){
    el.attachEvent(‘onclick‘,fireclick);
}
else{
   el.addEventListener(‘click‘,fireclick,false);// 出于兼容考虑

}

function fireclick() {
    console.log(‘click‘);
}
时间: 2024-10-04 08:17:21

常用原生客户端js的相关文章

常用原生JS兼容写法

在我们前端开发中,经常会遇到兼容性的问题,因为要考虑用户会使用不同的浏览器来访问你的页面,你要保证你做的网页在任何一个浏览器中都能正常的运行,下面我就举几个常用原生JS的兼容写法: 1:添加事件方法 addHandler:function(element,type,handler){  if(element.addEventListener){//检测是否为DOM2级方法   element.addEventListener(type, handler, false);  }else if (e

客户端JS性能的一些优化的小技巧

下面是一些关于客户端JS性能的一些优化的小技巧:1.[顶]关于JS的循环,循环是一种常用的流程控制.JS提供了三种循环:for(;;). while().for(in).在这三种循环中 for(in)的效率最差,因为它需要查询Hash键,因此应尽量少用for(in)循环,for(;;).while()循环的性能基本持平.当然,推 荐使用for循环,如果循环变量递增或递减,不要单独对循环变量赋值,而应该使用嵌套的++或--运算符.2.如果需要遍历数组,应该先缓存数组长度,将数组长度放入局部变量中,

基于HTML5的PACS--HTML5图像处理(7)实现客户端JS调整窗宽窗位

仅提供参考和学习,代码仅为了指明个思路,转载请注明出处. 要查看此系统更多的图像处理功能请参考: 区域医疗移动医疗影像解决方案--基于HTML5的PACS--HTML5图像处理 在此之前,此系统是结合DICOM的WADO标准,在浏览器里通过javascript操作返回的JPG图片.这种服务器端解析,客户端展现的方式,对实现图像的移动.缩放.旋转.测量等图像操作能够实现实时的交互.但这种方式存在着几个弊端: 1.获取图像上的CT值(钙化值)信息的时候,要频繁的和服务器进行交互. 2.调整图像的窗宽

我自己的Javascript 库,封装了一些常用函数 Kingwell.js

我自己的Javascript 库,封装了一些常用函数 Kingwell.js 博客分类: Javascript javascript 库javascript库 现在Javascript库海量,流行的也多,比如jQuery,YUI等,虽然功能强大,但也是不万能的,功能不可能涉及方方面面,自己写一个的JS库是对这些的补充,很多也比较实用,把应用到项目中中去也比较方面,这也是对工作的一些积累,也加深对知识的理解. 2012-6-20更新,添加设置Cookie,获取Cookie,删除Cookie方法.很

namespace javascript ajaxform 功能以及客户端js自动验证

Ns.UI.AjaxForm = function () {     Ns.UI.Control.apply(this, arguments);     this.onError = null;     this.onSuccess = null;     this.onBeforSend = null;     this.onComplete = null;     this.successFn = "";     this.validateFn = "";   

表单校验常用原生js库

1.字符串去除左右空格继承形式// 除去左右空格String.prototype.Trim = function() { return this.replace(/(^\s*)|(\s*$)/g, ""); }// 除去左空格String.prototype.LTrim = function() { return this.replace(/(^\s*)/g, ""); } // 除去右空格 String.prototype.RTrim = function() {

常用原生JS方法总结(兼容性写法)

①添加事件方法 1 2 3 4 5 6 7 8 9 addHandler:function(element,type,handler){     if(element.addEventListener){//检测是否为DOM2级方法         element.addEventListener(type, handler, false);     }else if (element.attachEvent){//检测是否为IE级方法         element.attachEvent("

前端开发常用原生JS API合集

一.节点 1.1 节点属性 Node.nodeName //返回节点名称,只读 Node.nodeType //返回节点类型的常数值,只读 Node.nodeValue //返回Text或Comment节点的文本值,只读 Node.textContent //返回当前节点和它的所有后代节点的文本内容,可读写 Node.baseURI //返回当前网页的绝对路径 Node.ownerDocument //返回当前节点所在的顶层文档对象,即document Node.nextSibling //返回

Ajax原生的js(XMLHttpRequest对象)--实现局部刷新

AJAX 是一种用于创建快速动态网页的技术.(不用刷新整个页面和服务器通讯的方法 ) XMLHttpRequest对象:是对js的扩展,可以实现网页与服务器进行通信,通常把Ajax当做XMLHttpRequest对象的代名词. 客户端的语言一般是HTML,css,JavaScript:服务器端一般用PHP,jsp,ASP:中间传输的格式一般为HTML,xml,TXT,json:传输协议是http ajax需要某种格式化的格式在服务器和客户端之间传递信息,XML,JSON是常用的格式 DOM实现动