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 相关文章推荐
Js与下拉列表处理问题解决
Feb 13 Javascript
JavaScript实现梯形乘法表的方法
Apr 25 Javascript
JS+CSS实现简易的滑动门效果代码
Sep 24 Javascript
创建一般js对象的几种方式
Jan 19 Javascript
js实现旋转木马效果
Mar 17 Javascript
微信小程序 商城开发(ecshop )简单实例
Apr 07 Javascript
移动端触屏幻灯片图片切换插件idangerous swiper.js
Apr 10 Javascript
jQuery制作input提示内容(兼容IE8以上)
Jul 05 jQuery
实例分析js事件循环机制
Dec 13 Javascript
小程序视频列表中视频的播放与停止的示例代码
Jul 20 Javascript
ES5 模拟 ES6 的 Symbol 实现私有成员功能示例
May 06 Javascript
如何构建 vue-ssr 项目的方法步骤
Aug 04 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 Session变量不能传送到下一页的解决方法
2009/11/27 PHP
Linux下php5.4启动脚本
2014/08/03 PHP
Google AJAX 搜索 API实现代码
2010/11/17 Javascript
JavaScript中的property和attribute介绍
2011/12/26 Javascript
根据邮箱的域名跳转到相应的登录页面的代码
2012/02/27 Javascript
基于jQuery的弹出框插件
2012/03/18 Javascript
flash调用js中的方法,让js传递变量给flash的办法及思路
2013/08/07 Javascript
Thinkphp模板没有解析直接原样输出的解决方法
2014/10/31 Javascript
angularJS中$apply()方法详解
2015/01/07 Javascript
微信小程序 POST请求(网络请求)详解及实例代码
2016/11/16 Javascript
详解jQuery插件开发方式
2016/11/22 Javascript
微信小程序动态添加分享数据
2017/06/14 Javascript
浅谈原型对象的常用开发模式
2017/07/22 Javascript
JS实现点击循环切换显示内容的方法
2017/10/19 Javascript
jQuery基于Ajax实现读取XML数据功能示例
2018/05/31 jQuery
微信小程序实现天气预报功能
2018/07/18 Javascript
vue侧边栏动态生成下级菜单的方法
2018/09/07 Javascript
python操作ssh实现服务器日志下载的方法
2015/06/03 Python
Python Requests安装与简单运用
2016/04/07 Python
Python实现破解12306图片验证码的方法分析
2017/12/29 Python
Python字符串格式化%s%d%f详解
2018/02/02 Python
python爬取各类文档方法归类汇总
2018/03/22 Python
Python实现定时精度可调节的定时器
2018/04/15 Python
关于Python 的简单栅格图像边界提取方法
2019/07/05 Python
Python+Pyqt实现简单GUI电子时钟
2021/02/22 Python
Python列表删除元素del、pop()和remove()的区别小结
2019/09/11 Python
python文件及目录操作代码汇总
2020/07/08 Python
Python+OpenCV图像处理——图像二值化的实现
2020/10/24 Python
介绍一下Java的安全机制
2012/06/28 面试题
安全生产中长期规划实施方案
2014/02/21 职场文书
个人总结怎么写
2015/02/26 职场文书
2015年社区统计工作总结
2015/04/21 职场文书
2016中秋节晚会开场白
2015/11/26 职场文书
2016年春季趣味运动会开幕词
2016/03/04 职场文书
css布局巧妙技巧之css三角示例的运用
2022/03/16 HTML / CSS
Redis 限流器
2022/05/15 Redis