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 插件之仿“卓越亚马逊”首页弹出菜单效果
Dec 25 Javascript
javascript(jquery)利用函数修改全局变量的代码
Nov 02 Javascript
Javascript中封装window.open解决不兼容问题
Sep 28 Javascript
jQuery中Ajax的get、post等方法详解
Jan 20 Javascript
JavaScript监听和禁用浏览器回车事件实例
Jan 31 Javascript
vue动画打包后失效问题的解决方法
Sep 18 Javascript
Node.js中读取TXT文件内容fs.readFile()用法
Oct 10 Javascript
Vue-CLI3.x 设置反向代理的方法
Dec 06 Javascript
微信小程序实现通过js操作wxml的wxss属性示例
Dec 06 Javascript
javascript异常处理实现原理详解
Feb 17 Javascript
浅谈vue权限管理实现及流程
Apr 23 Javascript
解决Vue 给mapState中定义的属性赋值报错的问题
Jun 22 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/01/13 PHP
php构造函数实例讲解
2013/11/13 PHP
php文件上传你必须知道的几点
2015/10/20 PHP
PHP中的数组处理函数实例总结
2016/01/09 PHP
yii2实现分页,带搜索的分页功能示例
2017/01/07 PHP
借用Google的Javascript API Loader来加速你的网站
2009/01/28 Javascript
JavaScript 输入框内容格式验证代码
2010/02/11 Javascript
JS如何判断移动端访问设备并解析对应CSS
2013/11/27 Javascript
JS控件ASP.NET的treeview控件全选或者取消(示例代码)
2013/12/16 Javascript
8个实用的jQuery技巧
2014/03/04 Javascript
使用javascript实现判断当前浏览器
2015/04/14 Javascript
用svg制作富有动态的tooltip
2015/07/17 Javascript
纯JS代码实现气泡效果
2016/05/04 Javascript
Centos7 中 Node.js安装简单方法
2016/11/02 Javascript
详解jQuery中ajax.load()方法
2017/01/25 Javascript
jQuery的中 is(':visible') 解析及用法(必看)
2017/02/12 Javascript
微信小程序 合法域名校验出错详解及解决办法
2017/03/09 Javascript
JavaScript实现无刷新上传预览图片功能
2017/08/02 Javascript
使用localStorage替代cookie做本地存储
2019/09/25 Javascript
返回上一个url并刷新界面的js代码
2020/09/12 Javascript
简单介绍Python的轻便web框架Bottle
2015/04/08 Python
目前最全的python的就业方向
2018/06/05 Python
pygame游戏之旅 游戏中添加显示文字
2018/11/20 Python
如何利用Anaconda配置简单的Python环境
2019/06/24 Python
使用pytorch和torchtext进行文本分类的实例
2020/01/08 Python
vscode写python时的代码错误提醒和自动格式化的方法
2020/05/07 Python
Python使用os.listdir和os.walk获取文件路径
2020/05/21 Python
django 获取字段最大值,最新的记录操作
2020/08/09 Python
HTML5 的新的表单元素(datalist/keygen/output)使用介绍
2013/07/19 HTML / CSS
运动鞋、街头服装、手表和手袋的实时市场:StockX
2020/11/25 全球购物
幼儿教师考核制度
2014/01/25 职场文书
优秀德育工作者事迹材料
2014/05/07 职场文书
政府领导干部个人对照检查材料思想汇报
2014/09/24 职场文书
幼儿园推普周活动总结
2015/05/07 职场文书
工程款申请报告
2015/05/15 职场文书
Python docx库删除复制paragraph及行高设置图片插入示例
2022/07/23 Python