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 27 Javascript
[原创]来自ImageSee官方 JavaScript图片浏览器
Jan 16 Javascript
js左右弹性滚动对联广告代码分享
Feb 19 Javascript
Javascript 读取操作Sql中的Xml字段
Oct 09 Javascript
javascript入门教程基础篇
Nov 16 Javascript
JavaScript绑定事件监听函数的通用方法
May 14 Javascript
js删除局部变量的实现方法
Jun 25 Javascript
总结AngularJS开发者最常犯的十个错误
Aug 31 Javascript
javascript html5轻松实现拖动功能
Mar 01 Javascript
AngularJs 延时器、计时器实例代码
Sep 16 Javascript
解决vue admin element noCache设置无效的问题
Nov 12 Javascript
用jQuery实现抽奖程序
Apr 12 jQuery
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中使用Oracle数据库(6)
2006/10/09 PHP
thinkphp实现面包屑导航(当前位置)例子分享
2014/05/10 PHP
基于Jquery的仿Windows Aero弹出窗(漂亮的关闭按钮)
2010/09/28 Javascript
js中哈希表的几种用法总结
2014/01/28 Javascript
nw.js实现类似微信的聊天软件
2015/03/16 Javascript
JS获取鼠标坐标位置实例分析
2016/01/20 Javascript
详解Jquery EasyUI tree 的异步加载(遍历指定文件夹,根据文件夹内的文件生成tree)
2017/02/11 Javascript
jQuery实现鼠标滑过预览图片大图效果的方法
2017/04/26 jQuery
Angular2安装angular-cli
2017/05/21 Javascript
vue组件中使用iframe元素的示例代码
2017/12/13 Javascript
JavaScript实现短暂提示框功能
2018/04/04 Javascript
vue写一个组件
2018/04/09 Javascript
Element-UI 使用el-row 分栏布局的教程
2020/10/26 Javascript
js用正则表达式筛选年月日的实例方法
2021/01/04 Javascript
[01:00:25]2018DOTA2亚洲邀请赛3月30日 小组赛A组 VG VS Liquid
2018/03/31 DOTA
python快速排序代码实例
2013/11/21 Python
pytorch GAN伪造手写体mnist数据集方式
2020/01/10 Python
Python-jenkins 获取job构建信息方式
2020/05/12 Python
pycharm 代码自动补全的实现方法(图文)
2020/09/18 Python
css3制作彩色边线3d立体按钮的示例(css3按钮)
2014/05/06 HTML / CSS
Html5中的桌面通知Notification的实现
2018/09/25 HTML / CSS
世界上最全面的汽车零部件和配件集合:JC Whitney
2016/09/04 全球购物
美国东北部户外服装和设备零售商:Eastern Mountain Sports
2016/10/05 全球购物
英国布鲁姆精品店:Bloom Boutique
2018/03/01 全球购物
英国女性时尚鞋类的潮流制造者:Koi Footwear
2018/10/19 全球购物
Rosetta Stone官方网站:语言学习
2019/01/05 全球购物
英国护发和美妆在线商店:Klip Shop
2019/03/24 全球购物
美国中西部家用医疗设备商店:Med Mart(轮椅、踏板车、升降机等)
2019/04/26 全球购物
小区门卫值班制度
2014/01/24 职场文书
21岁生日感言
2014/02/27 职场文书
yy婚礼主持词
2014/03/14 职场文书
团购业务员岗位职责
2014/03/15 职场文书
演讲比赛策划方案
2014/06/11 职场文书
2016银行招聘自荐信
2016/01/28 职场文书
HAM-2000摩机图
2021/04/22 无线电
为Java项目添加Redis缓存的方法
2021/05/18 Redis