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 相关文章推荐
jquery 动态创建元素的方式介绍及应用
Apr 21 Javascript
JavaScript的漂亮的代码片段
Jun 05 Javascript
jQuery表单获取和失去焦点输入框提示效果的实例代码
Aug 01 Javascript
JavaScript中的Math 使用介绍
Apr 21 Javascript
JavaScript将Web页面内容导出到Word及Excel的方法
Feb 13 Javascript
情人节单身的我是如何在敲完代码之后收到12束玫瑰的(javascript)
Aug 21 Javascript
让DIV的滚动条自动滚动到最底部的3种方法(推荐)
Sep 24 Javascript
Angular搜索 过滤 批量删除 添加 表单验证功能集锦(实例代码)
Oct 25 Javascript
js获取html页面代码中图片地址的实现代码
Mar 05 Javascript
vue watch深度监听对象实现数据联动效果
Aug 16 Javascript
vue使用代理解决请求跨域问题详解
Jul 24 Javascript
一定要知道的 25 个 Vue 技巧
Nov 02 Vue.js
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
类的另类用法--数据的封装
2006/10/09 PHP
php中XMLHttpRequest(Ajax)不能设置自定义的Referer的解决方法
2011/11/26 PHP
php中邮箱地址正则表达式实现与详解
2012/04/24 PHP
PHP 面向对象程序设计(oop)学习笔记(一) - 抽象类、对象接口、instanceof 和契约式编程
2014/06/12 PHP
PHP基于DOM创建xml文档的方法示例
2017/02/08 PHP
提高 DHTML 页面性能
2006/12/25 Javascript
更换select下拉菜单背景样式的实现代码
2011/12/20 Javascript
javascript将异步校验表单改写为同步表单
2015/01/27 Javascript
JS三级可折叠菜单实现方法
2016/02/29 Javascript
JS代码防止SQL注入的方法(超简单)
2016/04/12 Javascript
老司机带你解读jQuery插件开发流程
2016/05/16 Javascript
纯js和css完成贪吃蛇小游戏demo
2016/09/01 Javascript
bootstrap实现每隔5秒自动轮播效果
2016/12/20 Javascript
微信小程序左右滑动切换页面详解及实例代码
2017/02/28 Javascript
详解Vue2 无限级分类(添加,删除,修改)
2017/03/07 Javascript
vue2 自定义动态组件所遇到的问题
2017/06/08 Javascript
详解JS数组Reduce()方法详解及高级技巧
2017/08/18 Javascript
Vue 多层组件嵌套二种实现方式(测试实例)
2017/09/08 Javascript
Vue + Vue-router 同名路由切换数据不更新的方法
2017/11/20 Javascript
JS非行间样式获取函数的实例代码
2018/06/05 Javascript
详解vue 不同环境配置不同的打包命令
2019/04/07 Javascript
JS开发自己的类库实例分析
2019/08/28 Javascript
js实现聊天对话框
2020/02/08 Javascript
用Python的SimPy库简化复杂的编程模型的介绍
2015/04/13 Python
python  创建一个保留重复值的列表的补码
2018/10/15 Python
python函数参数(必须参数、可变参数、关键字参数)
2019/08/16 Python
python turtle 绘制太极图的实例
2019/12/18 Python
在keras中model.fit_generator()和model.fit()的区别说明
2020/06/17 Python
突袭HTML5之Javascript API扩展2—地理信息服务及地理位置API学习
2013/01/31 HTML / CSS
手对手的教你用canvas画一个简单的海报的方法示例
2018/12/10 HTML / CSS
世界上最大的铁人三项商店:Tri UK
2020/11/04 全球购物
北大自主招生自荐信
2013/10/19 职场文书
个人道歉信大全
2019/04/11 职场文书
MySQL之PXC集群搭建的方法步骤
2021/05/25 MySQL
Nginx源码编译安装过程记录
2021/11/17 Servers
腾讯云服务器部署前后分离项目之前端部署
2022/06/28 Servers