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 index()方法 获取相应元素索引值
Oct 12 Javascript
js弹出框轻量级插件jquery.boxy使用介绍
Jan 15 Javascript
JS中Iframe之间传值及子页面与父页面应用
Mar 11 Javascript
上传图片预览JS脚本 Input file图片预览的实现示例
Oct 23 Javascript
jQuery选择id属性带有点符号元素的方法
Mar 17 Javascript
jquery事件与绑定事件
Mar 16 Javascript
基于JavaScript实现移动端无限加载分页
Mar 27 Javascript
AngularJS+Bootstrap3多级导航菜单的实现代码
Aug 16 Javascript
[js高手之路]单例模式实现模态框的示例
Sep 01 Javascript
js中位运算的运用实例分析
Dec 11 Javascript
基于jquery实现彩色投票进度条代码解析
Aug 26 jQuery
谈谈JavaScript中的垃圾回收机制
Sep 17 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
thinkPHP简单遍历数组方法分析
2016/05/16 PHP
PHP文件操作详解
2016/12/30 PHP
PHP实现一个按钮点击上传多个图片操作示例
2020/01/23 PHP
php实现的证件照换底色功能示例【人像抠图/换背景图】
2020/05/29 PHP
Javascript实现仿WebQQ界面的“浮云”兼容 IE7以上版本及FF
2011/04/27 Javascript
浅析JavaScript中的delete运算符
2013/11/30 Javascript
javascript跨域的4种方法和原理详解
2014/04/08 Javascript
js全选实现和判断是否有复选框选中的方法
2015/02/17 Javascript
JQuery标签页效果的两个实例讲解(4)
2015/09/17 Javascript
Dropzone.js实现文件拖拽上传功能(附源码下载)
2016/11/22 Javascript
微信小程序 图片宽高自适应详解
2017/05/11 Javascript
详解vue2.0 使用动态组件实现 Tab 标签页切换效果(vue-cli)
2017/08/30 Javascript
Three.js利用性能插件stats实现性能监听的方法
2017/09/25 Javascript
加载 vue 远程代码的组件实例详解
2017/11/20 Javascript
浅谈vuex actions和mutation的异曲同工
2018/12/13 Javascript
Vue实现的父组件向子组件传值功能示例
2019/01/19 Javascript
NodeJs生成sitemap站点地图的方法示例
2019/06/11 NodeJs
微信小程序实现上拉加载功能
2019/11/20 Javascript
vue实现扫码功能
2020/01/17 Javascript
Angular之jwt令牌身份验证的实现
2020/02/14 Javascript
antd中table展开行默认展示,且不需要前边的加号操作
2020/11/02 Javascript
[55:54]FNATIC vs EG 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/16 DOTA
Python实现的文本对比报告生成工具示例
2018/05/22 Python
Python设计模式之享元模式原理与用法实例分析
2019/01/11 Python
Numpy数组array和矩阵matrix转换方法
2019/08/05 Python
CSS3实现翘边的阴影效果的代码示例
2016/06/13 HTML / CSS
HTML5 device access 设备访问详解
2018/05/24 HTML / CSS
关于html字符串正则判断和匹配的具体使用
2019/12/12 HTML / CSS
Wedgwood美国官网:英国骨瓷,精美礼品及家居装饰
2018/02/17 全球购物
介绍一下Ruby的多线程处理
2013/02/01 面试题
会计自我鉴定范文
2013/10/06 职场文书
七年级英语教学反思
2014/01/15 职场文书
《掌声》教学反思
2014/02/23 职场文书
统计专业自荐书
2014/07/06 职场文书
2016新年问候语大全
2015/11/11 职场文书
聊聊配置 Nginx 访问与错误日志的问题
2022/05/25 Servers