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 相关文章推荐
Sample script that deletes a SQL Server database
Jun 16 Javascript
javascript 年月日联动实现核心代码
Dec 21 Javascript
jquery $(this).attr $(this).val方法使用介绍
Oct 08 Javascript
cookie的secure属性详解
Apr 08 Javascript
javascript实现带下拉子菜单的导航菜单效果
May 14 Javascript
JS实现屏蔽shift,Ctrl,alt等功能键的方法
Jun 01 Javascript
移动端js图片查看器
Nov 17 Javascript
vue实现添加标签demo示例代码
Jan 21 Javascript
详解html-webpack-plugin用法全解
Jan 22 Javascript
vue watch普通监听和深度监听实例详解(数组和对象)
Aug 16 Javascript
详解小程序开发经验:多页面数据同步
May 18 Javascript
Element InfiniteScroll无限滚动的具体使用方法
Jul 27 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读取EXCEL文件 php excelreader读取excel文件
2012/12/06 PHP
php检查字符串中是否包含7位GSM字符的方法
2015/03/17 PHP
PHP实现基于图的深度优先遍历输出1,2,3...n的全排列功能
2017/11/10 PHP
高性能WEB开发 flush让页面分块,逐步呈现 flush让页面分块,逐步呈现
2010/06/19 Javascript
Jquery插件之多图片异步上传
2010/10/20 Javascript
读jQuery之八 包装事件对象
2011/06/21 Javascript
再谈querySelector和querySelectorAll的区别与联系
2012/04/20 Javascript
JQuery为textarea添加maxlength属性并且兼容IE
2013/04/25 Javascript
为Javascript中的String对象添加去除左右空格的方法(示例代码)
2013/11/30 Javascript
js为空或不是对象问题的快速解决方法
2013/12/11 Javascript
Jquery选择器中使用变量实现动态选择例子
2014/07/25 Javascript
DEDECMS如何为文章添加HOT NEW标志图片
2015/08/14 Javascript
JavaScript实现的浮动层框架用法实例分析
2015/10/10 Javascript
jQuery实现下拉菜单(内容为时间)的实时更新及图表的随动更新的方法
2016/07/07 Javascript
详解jQuery中的事件
2016/12/14 Javascript
javascript实现一个网页加载进度loading
2017/01/04 Javascript
nodejs基础应用
2017/02/03 NodeJs
jQuery实现动态给table赋值的方法示例
2017/07/04 jQuery
微信小程序class封装http代码实例
2019/08/24 Javascript
js如何验证密码强度
2020/03/18 Javascript
怎么理解wx.navigateTo的events参数使用详情
2020/05/18 Javascript
jQuery实现视频展示效果
2020/05/30 jQuery
python处理圆角图片、圆形图片的例子
2014/04/25 Python
Python数据分析之获取双色球历史信息的方法示例
2018/02/03 Python
Python3 Tkinkter + SQLite实现登录和注册界面
2019/11/19 Python
Pytorch 中的optimizer使用说明
2021/03/03 Python
CSS3 实现弹跳的小球动画
2020/10/26 HTML / CSS
UGG雪地靴德国官网:UGG德国
2016/11/19 全球购物
婚前协议书怎么写
2014/04/15 职场文书
机械工程师岗位职责
2014/06/16 职场文书
个人投资合作协议书
2014/10/12 职场文书
2016年寒假社会实践活动总结
2015/03/27 职场文书
同意落户证明
2015/06/19 职场文书
小学校长开学致辞
2015/07/29 职场文书
退休劳动合同怎么写?
2019/10/25 职场文书
MySQL中order by的执行过程
2022/06/05 MySQL