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 相关文章推荐
获取dom元素那些讨厌的位置封装代码
Jun 23 Javascript
jQuery中:enabled选择器用法实例
Jan 04 Javascript
node.js + socket.io 实现点对点随机匹配聊天
Jun 30 Javascript
vue.js 微信支付前端代码分享
Feb 10 Javascript
JavaScript异步加载问题总结
Feb 17 Javascript
JavaScript实用代码小技巧
Aug 23 Javascript
微信小程序列表中item左滑删除功能
Nov 07 Javascript
Vue起步(无cli)的啊教程详解
Apr 11 Javascript
详解jQuery中的getAll()和cleanData()
Apr 15 jQuery
解决前后端分离 vue+springboot 跨域 session+cookie失效问题
May 13 Javascript
jQuery zTree插件使用简单教程
Aug 16 jQuery
Vue项目打包、合并及压缩优化网页响应速度
Jul 07 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
一个简单的PHP&amp;MYSQL留言板源码
2020/07/19 PHP
php 数据库字段复用的基本原理与示例
2011/07/22 PHP
PHP+jQuery 注册模块的改进(一):验证码存入SESSION
2014/10/14 PHP
php中获取主机名、协议及IP地址的方法
2014/11/18 PHP
Yii2实现ajax上传图片插件用法
2016/04/28 PHP
PDO的安全处理与事物处理方法
2016/10/31 PHP
PHP中仿制 ecshop验证码实例
2017/01/06 PHP
JAVASCRIPT实现的WEB页面跳转以及页面间传值方法
2010/05/13 Javascript
用Mootools获得操作索引的两种方法分享
2011/12/12 Javascript
NodeJS的模块写法入门(实例代码)
2012/03/07 NodeJs
javascript 获取HTML DOM父、子、临近节点
2014/06/16 Javascript
jQuery插件pagination实现分页特效
2015/04/12 Javascript
Angular实现form自动布局
2016/01/28 Javascript
fullpage.js全屏滚动插件使用实例
2016/09/06 Javascript
JavaScript重定向URL参数的两种方法小结
2016/10/19 Javascript
浅析JS中的 map, filter, some, every, forEach, for in, for of 用法总结
2017/03/29 Javascript
Js实现京东无延迟菜单效果实例(demo)
2017/06/02 Javascript
IE11下使用canvas.toDataURL报SecurityError错误的解决方法
2017/11/19 Javascript
vue-cli 首屏加载优化问题
2018/11/06 Javascript
JavaScript强制类型转换和隐式类型转换操作示例
2019/05/01 Javascript
js实现简单的随机点名器
2020/09/17 Javascript
vue3.0自定义指令(drectives)知识点总结
2020/12/27 Vue.js
[04:32]玩具屠夫中文语音节选
2020/08/23 DOTA
Python内置模块ConfigParser实现配置读写功能的方法
2018/02/12 Python
详解Python中openpyxl模块基本用法
2021/02/23 Python
html5 touch事件实现触屏页面上下滑动(一)
2016/03/10 HTML / CSS
Java面试笔试题大全
2016/11/23 面试题
人事主管的岗位职责
2013/11/16 职场文书
企业演讲比赛主持词
2014/03/18 职场文书
企业法人代表任命书
2014/06/06 职场文书
基层党员群众路线教育实践活动个人对照检查材料思想汇报
2014/10/05 职场文书
民事二审代理词
2015/05/25 职场文书
为Java项目添加Redis缓存的方法
2021/05/18 Redis
HTML+VUE分页实现炫酷物联网大屏功能
2021/05/27 Vue.js
vue使用Google Recaptcha验证的实现示例
2021/08/23 Vue.js
HTML 里 img 元素的 src 和 srcset 属性的区别详解
2023/05/21 HTML / CSS