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,Extjs,YUI,Prototype,Dojo 等JS框架的区别和应用场景简述
Apr 15 Javascript
Jquery如何实现点击时高亮显示代码
Jan 22 Javascript
三种动态加载js的jquery实例代码另附去除js方法
Apr 30 Javascript
浏览器缩放检测的js代码
Sep 28 Javascript
jQuery循环动画与获取组件尺寸的方法
Feb 02 Javascript
javascript限制文本框输入值类型的方法
May 07 Javascript
BootStrap 轮播插件(carousel)支持左右手势滑动的方法(三种)
Jul 07 Javascript
AngularJS指令用法详解
Nov 02 Javascript
vue分类筛选filter方法简单实例
Mar 30 Javascript
Node.js中DNS模块学习总结
Feb 28 Javascript
学习React中ref的两个demo示例
Aug 14 Javascript
vue3中轻松实现switch功能组件的全过程
Jan 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
也谈截取首页新闻 - 范例
2006/10/09 PHP
PHP数据集构建JSON格式及新数组的方法
2012/11/07 PHP
PHP $O00OO0=urldecode &amp; eval 解密,记一次商业源码的去后门
2020/09/13 PHP
JavaScript While 循环基础教程
2007/04/05 Javascript
一个简单的javascript类定义例子
2009/09/12 Javascript
html中table数据排序的js代码
2011/08/09 Javascript
js Map List 遍历使用示例
2013/07/10 Javascript
js实现可兼容IE、FF、Chrome、Opera及Safari的音乐播放器
2015/02/11 Javascript
javascript实时获取鼠标坐标值并显示的方法
2015/04/30 Javascript
DOM 高级编程
2015/05/06 Javascript
javascript控制层显示或隐藏的方法
2015/07/22 Javascript
轻松学习jQuery插件EasyUI EasyUI创建树形菜单
2015/11/30 Javascript
深入理解jQuery事件绑定
2016/06/02 Javascript
jQuery实现下拉菜单(内容为时间)的实时更新及图表的随动更新的方法
2016/07/07 Javascript
简单实现js点击展开二级菜单功能
2017/05/16 Javascript
vue中如何创建多个ueditor实例教程
2017/11/14 Javascript
layui表格checkbox选择全选样式及功能的实例
2018/03/07 Javascript
JavaScript常见事件对象与操作实例总结
2019/01/05 Javascript
js取0-9随机取4个数不重复的数字代码实例
2019/03/27 Javascript
[03:30]DOTA2完美“圣”典精彩集锦
2016/12/27 DOTA
python的dict,set,list,tuple应用详解
2014/07/24 Python
零基础写python爬虫之爬虫的定义及URL构成
2014/11/04 Python
Python压缩和解压缩zip文件
2015/02/14 Python
分享一个常用的Python模拟登陆类
2015/03/29 Python
Python实现简单多线程任务队列
2016/02/27 Python
python使用pil库实现图片合成实例代码
2018/01/20 Python
解决python 找不到module的问题
2020/02/12 Python
python GUI库图形界面开发之PyQt5 MDI(多文档窗口)QMidArea详细使用方法与实例
2020/03/05 Python
Python分析最近大火的网剧《隐秘的角落》
2020/07/02 Python
PyCharm2020.1.1与Python3.7.7的安装教程图文详解
2020/08/07 Python
使用CSS3在触屏上为按钮实现激活效果
2013/09/27 HTML / CSS
CSS3中设置3D变形的transform-style属性详解
2016/05/23 HTML / CSS
很酷的小工具和电子产品商城:GearBest
2016/11/19 全球购物
乡镇领导班子批评与自我批评材料
2014/09/23 职场文书
2014小学教师年度考核工作总结
2014/12/03 职场文书
明确岗位职责
2015/02/14 职场文书