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 vvorld 在线加密破解方法
Nov 13 Javascript
jQuery 表格工具集
Apr 25 Javascript
单击按钮显示隐藏子菜单经典案例
Jan 04 Javascript
js中substring和substr的详细介绍与用法
Aug 29 Javascript
js判断客户端是iOS还是Android等移动终端的方法
Dec 11 Javascript
Javascript模仿淘宝信用评价实例(附源码)
Nov 26 Javascript
D3.js中强制异步文件读取同步的几种方法
Feb 06 Javascript
基于JavaScript实现本地图片预览
Feb 08 Javascript
JavaScript中object和Object的区别(详解)
Feb 27 Javascript
vue生成token并保存到本地存储中
Jul 17 Javascript
对vuejs的v-for遍历、v-bind动态改变值、v-if进行判断的实例讲解
Aug 27 Javascript
Vue项目打包压缩的实现(让页面更快响应)
Mar 10 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
做了CDN获取用户真实IP的函数代码(PHP与Asp设置方式)
2013/04/13 PHP
基于php冒泡排序算法的深入理解
2013/06/09 PHP
php序列化函数serialize() 和 unserialize() 与原生函数对比
2015/05/08 PHP
如何用javascript控制上传文件的大小
2006/10/26 Javascript
JS 页面自动加载函数(兼容多浏览器)
2009/05/18 Javascript
prototype 学习笔记整理
2009/07/17 Javascript
Nodejs Stream 数据流使用手册
2016/04/17 NodeJs
JavaScript必知必会(五) eval 的使用
2016/06/08 Javascript
轻松5句话解决JavaScript的作用域
2016/07/15 Javascript
AngularJS利用Controller完成URL跳转
2016/08/09 Javascript
微信js-sdk界面操作接口用法示例
2016/10/12 Javascript
js给table赋值的实例代码
2016/10/13 Javascript
详谈AngularJs 控制器、数据绑定、作用域
2017/07/09 Javascript
React Native之ListView实现九宫格效果的示例
2017/08/02 Javascript
jQuery实现的form转json经典示例
2017/10/10 jQuery
在 Node.js 中使用 async 函数的方法
2017/11/17 Javascript
JavaScript常用数组操作方法,包含ES6方法
2020/05/10 Javascript
BootStrap table实现表格行拖拽效果
2018/12/01 Javascript
使用webpack构建应用的方法步骤
2019/03/04 Javascript
微信小程序按钮点击动画效果的实现
2019/09/04 Javascript
关于JS模块化的知识点分享
2019/10/16 Javascript
vue 组件内获取actions的response方式
2019/11/08 Javascript
vue如何使用async、await实现同步请求
2019/12/09 Javascript
Python判断直线和矩形是否相交的方法
2015/07/14 Python
Python Requests库基本用法示例
2018/08/20 Python
在python中安装basemap的教程
2018/09/20 Python
妙用itchat! python实现久坐提醒功能
2019/11/25 Python
Python使用psutil获取进程信息的例子
2019/12/17 Python
pytorch GAN生成对抗网络实例
2020/01/10 Python
在tensorflow下利用plt画论文中loss,acc等曲线图实例
2020/06/15 Python
Jogun Shop中文官网:韩国知名时尚男装网站
2016/10/12 全球购物
天网面试题
2013/04/07 面试题
证婚人经典证婚词
2014/01/09 职场文书
差生评语大全
2014/05/04 职场文书
群众路线学习心得体会范文
2014/11/05 职场文书
DE1107机评
2022/04/05 无线电