整理JavaScript方面的一些技巧,比较实用的函数,常见功能实现方法,仅作参考 变量转换//edit http://www.lai18.com var myVar = "3.14159", str = ""+ myVar,// to string int = ~~myVar, // to integer float = 1*myVar, // to float bool = !!myVar, /* to boolean - any string with length and any number except 0 are true */ array = [myVar]; // to array 但是转换日期(new Date(myVar))和正则表达式(new RegExp...
div的显示和隐藏<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Insert title here</title> <style type="text/css"> #div1{color:red;border:5px solid purple;width:300px;height:200px;} </style> <script t...
【例】<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>Document</title> </head> <body><p id="p">改变文字样式</p> </body> <script>function t(){document.getElementById("p").style.fontWeight = "bold";}document.getElementById("p").onclick = t; </script> </html> 或<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>Document</title> </head> <body><...
Comet指一种更高级的Ajax技术( 也称 “服务器推送” ),一种服务器向页面推送数据的技术。Comet能够让信息近乎实时地被推送到页面上,非常适合体育比赛的分数和股票报价。有两种实现Comet的方式:长轮询、流传统轮询(也称短轮询),即浏览器定时向服务器发送请求,看有没有更新的数据。长轮询把短轮询颠倒了一下。页面发起一个到服务器的新请求,然后服务器一直保持连接打开,直到有数据可发送。发送完数据之后,浏览器关闭连接...
改变HTML内容:document.getElementById(id).innerHTML = new HTML;改变HTML属性:document.getElementById(id).innerHTML.attribute[属性] = new value;改变HTML样式:document.getElementById(id).style.property[样式] = new style;事件:onload:用户进入页面完成加载触发; 例如:onload="函数"[navigator.cookieEnabled==true](可用于cookie)onunload:用户离开页面时触发;onchange:当离开输入字段时触发;onmouseover:当...
JavaScript中数据类型转换总结 在js中,数据类型转换分为显式数据类型转换和隐式数据类型转换。1, 显式数据类型转换a:转数字:1)Number转换:代码:var a = “123”;a = Number(a);注意:a)如果转换的内容本身就是一个数值类型的字符串,那么将来在转换的时候会返回自己。b)如果转换的内容本身不是一个数值类型的字符串,那么在转换的时候结果是NaN.c)如果要转换的内容是空的字符串,那以转换的结果是0.d)如果是其它的字符,那么...
牛腩中在页面直接修改新闻类别时使用到js文件,当时还因为使用多个js文件由于引用顺序不同而出现错误,当时的理解js可以用来验证发往服务器的数据,就是封装了一些函数供外部引用的文件。学习完牛腩和姜昊的js视频后,认识到js是基于对象和事件驱动的客户端脚本语言,常用来给HTML网页添加动态功能。脚本语言不需要编译,一般都有相应的脚本引擎来解释执行,脚本程序在执行时,是由系统的一个解释器,将其一条条的翻译成机器可识别...
第一章 javascript简介javascript的简介,有关js的一些历史问题。js初期在不同的浏览器存在很大的兼容问题,但是慢慢的大家都在向标准靠拢,兼容问题已经好很多了。我们通常会听到ECMAScript,它跟javascript是什么关系呢?JS = ES + BOM(浏览器对象模型) + DOM(文档对象模型) ES就是对javascript的类型,值,对象,属性,函数以及程序句法和语义,DOM就是ES运行在浏览器环境的时候,浏览器为其提供的扩展以实现更多更具体的功能(w...
JavaScript 语言基础知识点总结 原文:http://www.cnblogs.com/yangjj1216/p/4428710.html
JavaScript的数组Array可以包含任何数据类型,并通过索引来访问每个元素。例如要获得数组Array的长度,可以直接访问数组Array的length属性:var arr = [1, 6, true, null, 9, ‘hello‘]; arr.length; //返回6若直接给数组Array的length赋予一个新的值会导致数组Array大小的变化:var arr = [1, 6, ‘hello‘, null]; arr.length; //返回4 arr.length=6; arr; //arr变为[1, 6, ‘hello‘, null, und...
this1、谁调用,指向谁 2、事件监听函数中,this指向,绑定监听函数的那一个元素节点 即,谁绑,指向谁 3、当一个函数没有被其他对象调用时,(普通调用),this指向全局对象(严格模式下面是undefined) 4、箭头函数中,没有自己的this,可借用声明该函数处(环境中的)的this 监听函数中不要轻易使用箭头函数 5、在执行构造函数时(new时),this指向新创建的对象原文:https://www.cnblogs.com/yuanjunjundebo/p/12008479.htm...
1、万物皆对象;所有的属性和方法都隶属于window document.getElementById(‘id‘) = window.document.getElementById(‘id‘) 获取浏览器可视区域的万能方法 var w = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth; var h = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight; window对象 window.open() - 打开新窗口 window...
简介关于 JavaScript 的入门学习教程,网上通常会推荐以下书籍:《JavaScript权威指南》(其中涵盖语言核心部分和浏览器客户端编程,比较系统和全面,个人比较推荐,电子版下载(中文版),英文版)《JavaScript高级程序设计》(作为参考书与《JavaScript权威指南》一起参考阅读还不错,电子版下载)《JavaScript DOM编程艺术》(主要讲 DOM 这块,其中有很多编程实践和案例可用于参考学习,电子版下载)《JavaScript语言精粹》(只...
来源于:http://gcdn.gcpowertools.com.cn/showtopic-28404-1-3.html?utm_source=gold.xitu.io&utm_medium=referral&utm_campaign=20161220 本文主要总结了JavaScript 常用功能总结,如一些常用的JS 对象,基本数据结构,功能函数等,还有一些常用的设计模式。 目录:众所周知,JavaScript是动态的面向对象的编程语言,能够实现以下效果:1. 丰富Web 网页功能2. 丰富Web界面3. 实现本地或远程存储。4. 实现分布式网络应用的前端组件...
JS中出现的兼容性问题的总结1.关于获取行外样式 currentStyle 和 getComputedStyle 出现的兼容性问题 我们都知道js通过style不可以获取行外样式,当我们需要获取行外样式时: 我们一般通过这两个方法获取行外样式: IE下: currentStyle Chrome,FF下: getComputedStyle(oDiv,false) 兼容两个浏览器的写法: if(oDiv.currentStyle){ alert(oDiv.currentStyle.width); }else{ alert(get...