javascript常用方法总结


Posted in Javascript onMay 14, 2015

1、JavaScript:写入 HTML 输出

document.write("<h1>This is a heading</h1>");

document.write("<p>This is a paragraph</p>");

2、JavaScript:对事件作出反应

<button type="button" onclick="alert('Welcome!')">点击这里</button>

3、JavaScript:改变 HTML 内容

x=document.getElementById("demo") //查找元素

x.innerHTML="Hello JavaScript"; //改变内容

4、JavaScript:改变 HTML 图像

element=document.getElementById('myimage')

element.src="../i/eg_bulboff.gif";

5、改变 HTML 样式

x=document.getElementById("demo") //找到元素

x.style.color="#ff0000"; //改变样式

6、JavaScript 对大小写敏感。

JavaScript 对大小写是敏感的。
当编写 JavaScript 语句时,请留意是否关闭大小写切换键。
函数 getElementById 与 getElementbyID 是不同的。
同样,变量 myVariable 与 MyVariable 也是不同的。

7、提示:一个好的编程习惯是,在代码开始处,统一对需要的变量进行声明。

8、Value = undefined

在计算机程序中,经常会声明无值的变量。未使用值来声明的变量,其值实际上是 undefined。在执行过以下语句后,变量 carname 的值将是 undefined:
var carname;

9、创建 JavaScript 对象
本例创建名为 "person" 的对象,并为其添加了四个属性:

person=new Object();

person.firstname="Bill";

person.lastname="Gates";

person.age=56;

person.eyecolor="blue";

10、JavaScript 表单验证

必填(或必选)项目
下面的函数用来检查用户是否已填写表单中的必填(或必选)项目。假如必填或必选项为空,那么警告框会弹出,并且函数的返回值为 false,否则函数的返回值则为 true(意味着数据没有问题):

<html>
<head>
<script type="text/javascript">

function validate_required(field,alerttxt)
{
with (field)
{
if (value==null||value=="")
{alert(alerttxt);return false}
else {return true}
}
}

function validate_form(thisform)
{
with (thisform)
{
if (validate_required(email,"Email must be filled out!")==false)
{email.focus();return false}
}
}
</script>
</head>

<body>
<form action="submitpage.htm" onsubmit="return validate_form(this)" method="post">
Email: <input type="text" name="email" size="30">
<input type="submit" value="Submit"> 
</form>
</body>

</html>

以上所述就是本文的全部内容了,希望大家能够喜欢

Javascript 相关文章推荐
Javascript开发包大全整理
Dec 22 Javascript
JavaScript 版本自动生成文章摘要
Jul 23 Javascript
JavaScript 的继承
Oct 01 Javascript
JavaScript中的面向对象介绍
Jun 30 Javascript
JavaScript字符串常用的方法
Mar 10 Javascript
JS基础随笔(菜鸟必看篇)
Jul 13 Javascript
1秒50万字!js实现关键词匹配
Aug 01 Javascript
使用node.js搭建服务器
May 20 Javascript
node app 打包工具pkg的具体使用
Jan 17 Javascript
js继承的这6种方式!(上)
Apr 23 Javascript
微信小程序 textarea 层级过高问题简单解决方案
Oct 14 Javascript
一起深入理解js中的事件对象
Feb 06 Javascript
javascript实现动态改变层大小的方法
May 14 #Javascript
JavaScript中停止执行setInterval和setTimeout事件的方法
May 14 #Javascript
javascript实现点击按钮弹出一个可关闭层窗口同时网页背景变灰的方法
May 13 #Javascript
JS实现简洁、全兼容的拖动层实例
May 13 #Javascript
javascript实现图片跟随鼠标移动效果的方法
May 13 #Javascript
javascript鼠标滑动评分控件完整实例
May 13 #Javascript
javascript实现链接单选效果的方法
May 13 #Javascript
You might like
常用PHP封装分页工具类
2017/01/14 PHP
详解PHP防止盗链防止迅雷下载的方法
2017/04/26 PHP
javascript getElementsByClassName函数
2010/04/01 Javascript
JS事件Event元素(兼容IE,Firefox,Chorme)
2012/11/01 Javascript
js优化针对IE6.0起作用(详细整理)
2012/12/25 Javascript
JS定时器实例详细分析
2013/10/11 Javascript
浅谈javascript 函数属性和方法
2015/01/21 Javascript
Javascript类型转换的规则实例解析
2016/02/23 Javascript
Windows 系统下设置Nodejs NPM全局路径
2016/04/26 NodeJs
jQuery排序插件tableSorter使用方法
2017/02/10 Javascript
js正则表达式验证表单【完整版】
2017/03/06 Javascript
Javascript面试经典套路reduce函数查重
2017/03/23 Javascript
原生JS实现圆环拖拽效果
2017/04/07 Javascript
浅析vue深复制
2018/01/29 Javascript
ES6知识点整理之数组解构和字符串解构的应用示例
2019/04/17 Javascript
使用 Element UI Table 的 slot-scope方法
2019/10/10 Javascript
JS array数组检测方式解析
2020/05/19 Javascript
wxPython窗口的继承机制实例分析
2014/09/28 Python
Python中logging模块的用法实例
2014/09/29 Python
python读写ini配置文件方法实例分析
2015/06/30 Python
django使用图片延时加载引起后台404错误
2017/04/18 Python
Python使用xlwt模块操作Excel的方法详解
2018/03/27 Python
python实现烟花小程序
2019/01/30 Python
Python文件读写常见用法总结
2019/02/22 Python
Python字符串和正则表达式中的反斜杠('\')问题详解
2019/09/03 Python
python如何实现单链表的反转
2020/02/10 Python
Python random库使用方法及异常处理方案
2020/03/02 Python
Python爬虫简单运用爬取代理IP的实现
2020/12/01 Python
C语言开发工程师测试题
2016/12/20 面试题
违反课堂纪律检讨书
2014/01/19 职场文书
2014新年元旦活动策划方案
2014/02/18 职场文书
汉语言文学毕业生自荐信范文
2014/03/24 职场文书
工会换届选举方案
2014/05/21 职场文书
学校班子个人对照检查材料思想汇报
2014/09/27 职场文书
读完《骆驼祥子》的观后感!
2019/07/05 职场文书
详解CSS不受控制的position fixed
2021/05/25 HTML / CSS