javascript常用方法总结

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>

以上所述就是本文的全部内容了，希望大家能够喜欢

赞 (0)

相关推荐

  • javascript常用的方法分享

    针对现在大家平时开发中,都会写一些重复性的js处理代码,今天总结了几个比较常用的方法实现.获取get请求参数.去字符串空格. 1.获取get请求中的参数 Js代码 function getPara(para){ if(location.href.indexOf("?") == -1){ // 没有参数,则Do nothing. return null; } else{ // 取得GET请求?号后面的字符串 var urlQuery = location.href.split("

  • Javascript select下拉框操作常用方法

    复制代码 代码如下: function AddDropDownList(id,fatherCtl) { if(!document.getElementById(id)) { var ddl = document.createElement('select'); ddl.setAttribute("id",id); if(fatherCtl&&document.getElementById(fatherCtl)) document.getElementById(fathe

  • javascript 常用方法总结

    1.replace() 例: <script type="text/javascript"> var str="这个是text,下面还有一个text,这个text与那个text不相同"; document.write(str.replace(/text/g,"test"));//这个是把所有的text转换成test var str1="这个是Text,下面还有一个Text,这个Text与那个Text不相同"; do

  • javascript常用方法、属性集合及NodeList 和 HTMLCollection 的浏览器差异

    在您开始本文的阅读前,我强烈建议您可以先读一读此篇:http://w3help.org/zh-cn/causes/SD9004.            HTMLCollection 接口定义 interface HTMLCollection{      readonly attribute unsigned long   length;      Node               item(in unsigned long index);      Node               na

  • Javascript图像处理—为矩阵添加常用方法

    前言 上一篇文章,我们定义了矩阵,这篇文章我们来给矩阵添加一些常用方法. toString方法 toString方法通常用作将对象转成字符串描述,所以我们将这一方法定义为输出矩阵元素. 复制代码 代码如下: Mat.prototype.toString = function(){ var tempData = this.data, text = "Mat("+ this.type +") = {\n", num = this.col * this.channel;

  • javascript常用方法汇总

    本章没有深奥的讲解js一些底层原理,比如this指针.作用域.原型啦,涉及的都是一些有利于平时开发时简化代码,提高执行效率,或者说可以当做一种经验方法来使用,篇幅都不长,小步快跑的让你阅读完整篇文章,体验编程的快乐.  获取两个区间之内随机数 复制代码 代码如下: function getRandomNum(Min, Max){ // 获取两个区间之内随机数     // @逆火狂飙  提出有可能第一个参数大于第二个参数,所以增加一下判断更可靠     if (Min > Max)     Ma

  • jquery和javascript的区别(常用方法比较)

    jquery 就对javascript的一个扩展,封装,就是让javascript更好用,更简单.人家怎么说的来着,jquery就是要用更少的代码,漂亮的完成更多的功能.JavaScript 与JQuery 常用方法比较 1.加载DOM区别 JavaScript: window.onload function first(){ alert('first'); } function second(){ alert('second'); } window.onload = first; window

  • javascript Array 数组常用方法

    (1)基本的数组方法 1.join() Array.join()方法将数组中所有元素都转化为字符串并连接在一起,返回最后生成的字符串.可以自己指定分隔的符号,如果不指定,默认使用逗号 var arr = [1,2,3]; console.log(arr.join());//"1,2,3" console.log(arr.join("-"));//"1-2-3" var a = new Array(10); //长度为10的空数组 组成下边字符串

  • JavaScript常用方法和封装详情

    JavaScript常用方法和封装详情

    目录 1.字符串相关 1.1 format方法 2.数组相关 1.2 forEach(callback,context) 操作数组中的每一个元素 1.3 indexOf(searchvalue,fromindex) 查询数组中某一个值的下标 2.数组封装 1.字符串相关 1.1 format方法 在各种编程语言中,字符串的format方法是比较常见的,以下通过js扩展的方式,实现了js版本的format方法.目前貌似还没有浏览器支持这一个方法. if(!String.prototype.form

  • 不得不分享的JavaScript常用方法函数集（下）

    本文中,收集了一些比较常用的Javascript函数,希望对学习JS的朋友们有所帮助. 22. 替换元素 $(document).ready(function() { $('#id').replaceWith(' <DIV>I have been replaced</DIV> '); }); 23. jQuery延时加载功能 $(document).ready(function() { window.setTimeout(function() { // do something }

  • javascript常用方法总结

    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="ale

  • 不得不分享的JavaScript常用方法函数集（上）

    本文中,收集了一些比较常用的Javascript函数,希望对学习JS的朋友们有所帮助. 1. 字符串长度截取 function cutstr(str, len) { var temp, icount = 0, patrn = /[^\x00-\xff]/, strre = ""; for (var i = 0; i < str.length; i++) { if (icount < len - 1) { temp = str.substr(i, 1); if (patrn.

  • JavaScript基础知识及常用方法总结

    JAVASCRIPT是AJAX技术中不可或缺的一部分,所以想学好AJAX以及现在流行的AJAX框架,学好JAVASCRIPT是最重要的. 一.基础知识: 1.document.write(""); 输出语句 2.JS中的注释为// 3.传统的HTML文档顺序是:document->html->(head,body) 4.一个浏览器窗口中的DOM顺序是:window->(navigator,screen,history,location,document) 5.得到表单

  • 原生JS实现循环Nodelist Dom列表的4种方式示例

    本文实例讲述了原生JS实现循环Nodelist Dom列表的4种方式.分享给大家供大家参考,具体如下: function $(id) { return document.getElementById(id); } var _PAGE = { timeListDom: $('timeList') }; var spanDoms = _PAGE.timeListDom.querySelectorAll('span'), domLen = spanDoms.length; // 第一种方式:原生for

随机推荐