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 XML实现两级级联下拉列表
Nov 10 Javascript
jQuery+CSS 实现的超Sexy下拉菜单
Jan 17 Javascript
JS获取页面input控件中所有text控件并追加样式属性
Feb 25 Javascript
深入理解JavaScript系列(46):代码复用模式(推荐篇)详解
Mar 04 Javascript
基于Bootstrap框架菜鸟入门教程(推荐)
Sep 17 Javascript
解决VUE框架 导致绑定事件的阻止冒泡失效问题
Feb 24 Javascript
详解Angular中通过$location获取地址栏的参数
Aug 02 Javascript
electron中使用bootstrap的示例代码
Nov 06 Javascript
vue基础之使用get、post、jsonp实现交互功能示例
Mar 12 Javascript
Js代码中的span拼接问题解决
Nov 22 Javascript
OpenLayers3实现对地图的基本操作
Sep 28 Javascript
基于react项目打包css引用路径错误解决方案
Oct 28 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
优化 JavaScript 代码的方法小结
2009/07/16 Javascript
JQuery小知识
2010/10/15 Javascript
仿新浪微博返回顶部的jquery实现代码
2012/10/01 Javascript
jquery使用ColorBox弹出图片组浏览层实例演示
2013/03/14 Javascript
Script标签与访问HTML页面详解
2014/01/10 Javascript
jQuery打印指定区域Html页面并自动分页
2014/07/04 Javascript
JavaScript中的原型prototype属性使用详解
2015/06/05 Javascript
jquery.fastLiveFilter.js实现输入自动过滤的方法
2015/08/11 Javascript
JavaScritp添加url参数并将参数加入到url中及更改url参数的方法
2015/10/26 Javascript
jquery popupDialog 使用 加载jsp页面的方法
2016/10/25 Javascript
Bootstrap的Carousel配合dropload.js实现移动端滑动切换图片
2017/03/10 Javascript
jquery单击文字或图片内容放大并居中显示
2017/06/23 jQuery
关于express与koa的使用对比详解
2018/01/25 Javascript
Angular2之二级路由详解
2018/08/31 Javascript
在Vue中使用axios请求拦截的实现方法
2018/10/25 Javascript
JS实现可视化音频效果的实例代码
2020/01/16 Javascript
[01:03:00]DOTA2上海特级锦标赛A组败者赛 EHOME VS CDEC第一局
2016/02/25 DOTA
详解使用python的logging模块在stdout输出的两种方法
2017/05/17 Python
python生成词云的实现方法(推荐)
2017/06/13 Python
Python分析学校四六级过关情况
2017/11/22 Python
深入浅析Python中list的复制及深拷贝与浅拷贝
2018/09/03 Python
Python3模拟登录操作实例分析
2019/03/12 Python
使用Python的OpenCV模块识别滑动验证码的缺口(推荐)
2019/05/10 Python
django数据关系一对多、多对多模型、自关联的建立
2019/07/24 Python
python pyecharts 实现一个文件绘制多张图
2020/05/13 Python
L’AGENCE官网:加州女装品牌
2018/06/03 全球购物
Android面试题附答案
2014/12/08 面试题
银行财务部实习生的自我鉴定
2013/11/27 职场文书
建筑系毕业生自我鉴定
2014/01/24 职场文书
2014教师党员个人自我评议
2014/09/20 职场文书
会计工作总结范文2014
2014/12/23 职场文书
2015年圣诞节活动总结
2015/03/24 职场文书
2016新年致辞
2015/08/01 职场文书
党员电教片《信仰》心得体会
2016/01/15 职场文书
Django分页器的用法你都了解吗
2021/05/26 Python
详解Python类和对象内容
2021/06/22 Python