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 相关文章推荐
Prototype 1.5.0_rc1 及 Prototype 1.5.0 Pre0小抄本
Sep 22 Javascript
一段非常简单的让图片自动切换js代码
Nov 10 Javascript
Jquery中LigerUi的弹出编辑框(实现方法)
Jul 09 Javascript
浅谈Javascript如何实现匀速运动
Dec 19 Javascript
JS往数组中添加项性能分析
Feb 25 Javascript
JQuery调用绑定click事件的3种写法
Mar 28 Javascript
jQuery绑定事件-多种实现方式总结
May 09 Javascript
详解支持Angular 2的表格控件
Jan 19 Javascript
gulp加批处理(.bat)实现ng多应用一键自动化构建
Feb 16 Javascript
微信小程序tabBar用法实例详解
Dec 04 Javascript
利用ECharts.js画K线图的方法示例
Jan 10 Javascript
对angularJs中controller控制器scope父子集作用域的实例讲解
Oct 08 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分页类的代码
2011/05/18 PHP
使用cookie实现统计访问者登陆次数
2013/06/08 PHP
Java和PHP在Web开发方面对比分析
2015/03/01 PHP
简单PHP会话(session)说明介绍
2016/08/21 PHP
PHP获取文件扩展名的方法实例总结
2017/06/10 PHP
iframe 父窗口和子窗口相互的调用方法集锦
2010/12/15 Javascript
js 分页全选或反选标识实现代码
2011/08/09 Javascript
简单的两种Extjs formpanel加载数据的方式
2013/11/09 Javascript
JS实现的适合做faq或menu滑动效果示例
2016/11/17 Javascript
JS使用正则实现去掉字符串左右空格的方法
2016/12/27 Javascript
Vue中render函数的使用方法
2018/01/31 Javascript
微信小程序自定义导航教程(兼容各种手机)
2018/12/12 Javascript
在Python的循环体中使用else语句的方法
2015/03/30 Python
用Python计算三角函数之atan()方法的使用
2015/05/15 Python
python爬虫入门教程--正则表达式完全指南(五)
2017/05/25 Python
python实现excel读写数据
2021/03/02 Python
使用PyInstaller将python转成可执行文件exe笔记
2018/05/26 Python
Python socket套接字实现C/S模式远程命令执行功能案例
2018/07/06 Python
window环境pip切换国内源(pip安装异常缓慢的问题)
2019/12/31 Python
使用pytorch完成kaggle猫狗图像识别方式
2020/01/10 Python
NumPy统计函数的实现方法
2020/01/21 Python
python爬虫如何解决图片验证码
2021/02/14 Python
Django如何重置migration的几种情景
2021/02/24 Python
CSS3 实现弹幕的示例代码
2017/08/07 HTML / CSS
澳大利亚领先的宠物用品商店:VetSupply
2017/09/08 全球购物
Bodum官网:咖啡和茶壶、玻璃器皿、厨房电器等
2018/08/01 全球购物
北美最大的手工艺品零售商之一:Michaels Stores
2019/02/27 全球购物
PHP面试题-$message和$$message的区别
2015/12/08 面试题
个人简历自我鉴定
2013/10/11 职场文书
教你打造完美的创业计划书
2014/01/06 职场文书
致长跑运动员加油稿
2014/02/20 职场文书
生产工厂门卫岗位职责
2014/09/26 职场文书
幼师小班个人总结
2015/02/12 职场文书
南京大屠杀观后感
2015/06/02 职场文书
MySQL非空约束(not null)案例讲解
2021/08/23 MySQL
Python tensorflow卷积神经Inception V3网络结构
2022/05/06 Python