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(意味着数据没有问题):

?

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33

<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>

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

时间: 2024-09-30 19:59:24

javascript常用方法总结的相关文章

javascript 常用方法

JavaScript常用方法: (1)startWith js本身没有startWith方法,我进行了如下封装: Js代码   String.prototype.startWith=function (string)   {       return (this.indexOf(string)==0);   }   var aaaa="/c/c";   alert(aaaa.startWith('/'));     (2)计算md5值 js文件:calcMd5.js Js代码   /*

javascript常用方法总结_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技巧

本文中,收集了一些比较常用的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 常用方法1

js 常用方法 (1)startWith Java代码   var startsWith = function (str, regex) {       if (regex == undefined || str == undefined || (!str) || (!regex)) {           return false;       }       return str.indexOf(regex) == 0;   };   测试: Js代码   console.log(start

javascript常用方法

javascript function openBigWin(temUrl){ var Wid; var Hei; var Type;  Wid=700; Hei=500; Type=\"_blank\";  window.open (temUrl,Type, \"scrollbars=yes,resizable=yes,toolbar=1,top=10,left=130,width=\"+Wid+\",height=\"+ Hei ); ret

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

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

javascript 常用方法总结_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中字符串常用方法总结

   字符串是javascript编程中不可或缺的元素,掌握字符串常用的方法也是我们学习过程中的必经之路,下面我们总结一些最常用的的字符串方法. string.charAt(postion) charAt方法返回在string中的position位置处的字符.如果position小于0或者大于字符串的长度,返回空字符串.由于js没有字符类型,返回的仍为一个字符串   var name="deng";   var a=name.charAt(1);   document.write(a)

javascript中数组常用方法总结

  在javascript的基础编程中,数组是我们最常遇到的,那么数组的一些常用方法也是我们必须要掌握的,下面我们总结一下数组中常用的方法. toString()和valueOf()方法 toString()方法,就是将数组拼接成字符串返回,默认情况下以逗号分隔.valueOf返回数组本身. 1 var a=["a3","bs","c1","d邓"]; 2 var c=a.toString(); 3 var b=a.value