zoukankan
html css js c++ java
常用的 Javascript 操作汇总 (一)
JavaScript就这么回事1:基础知识
1
创建脚本块
1
:
<
script language
=
”JavaScript”
>
2
: JavaScript code goes here
3
:
</
script
>
2
隐藏脚本代码
1
:
<
script language
=
”JavaScript”
>
2
:
<!--
3
: document.write(“Hello”);
4
:
//
-->
5
:
</
script
>
在不支持JavaScript的浏览器中将不执行相关代码
3
浏览器不支持的时候显示
1
:
<
noscript
>
2
: Hello to the non
-
JavaScript browser.
3
:
</
noscript
>
4
链接外部脚本文件
1
:
<
script language
=
”JavaScript” src
=
"
/”filename.js
"
”
></
script
>
5
注释脚本
1
:
//
This is a comment
2
: document.write(“Hello”);
//
This is a comment
3
:
/**/
/*
4: All of this
5: is a comment
6:
*/
6
输出到浏览器
1
: document.write(“
<
strong
>
Hello
</
strong
>
”);
7
定义变量
1
:
var
myVariable
=
“some value”;
8
字符串相加
1
:
var
myString
=
“String1”
+
“String2”;
9
字符串搜索
1
:
<
script language
=
”JavaScript”
>
2
:
<!--
3
:
var
myVariable
=
“Hello there”;
4
:
var
therePlace
=
myVariable.search(“there”);
5
: document.write(therePlace);
6
:
//
-->
7
:
</
script
>
10
字符串替换
1
: thisVar.replace(“Monday”,”Friday”);
11
格式化字串
1
:
<
script language
=
”JavaScript”
>
2
:
<!--
3
:
var
myVariable
=
“Hello there”;
4
: document.write(myVariable.big()
+
“
<
br
>
”);
5
: document.write(myVariable.blink()
+
“
<
br
>
”);
6
: document.write(myVariable.bold()
+
“
<
br
>
”);
7
: document.write(myVariable.fixed()
+
“
<
br
>
”);
8
: document.write(myVariable.fontcolor(“red”)
+
“
<
br
>
”);
9
: document.write(myVariable.fontsize(“18pt”)
+
“
<
br
>
”);
10
: document.write(myVariable.italics()
+
“
<
br
>
”);
11
: document.write(myVariable.small()
+
“
<
br
>
”);
12
: document.write(myVariable.strike()
+
“
<
br
>
”);
13
: document.write(myVariable.sub()
+
“
<
br
>
”);
14
: document.write(myVariable.sup()
+
“
<
br
>
”);
15
: document.write(myVariable.toLowerCase()
+
“
<
br
>
”);
16
: document.write(myVariable.toUpperCase()
+
“
<
br
>
”);
17
:
18
:
var
firstString
=
“My String”;
19
:
var
finalString
=
firstString.bold().toLowerCase().fontcolor(“red”);
20
:
//
-->
21
:
</
script
>
12
创建数组
1
:
<
script language
=
”JavaScript”
>
2
:
<!--
3
:
var
myArray
=
new
Array(
5
);
4
: myArray[
0
]
=
“First Entry”;
5
: myArray[
1
]
=
“Second Entry”;
6
: myArray[
2
]
=
“Third Entry”;
7
: myArray[
3
]
=
“Fourth Entry”;
8
: myArray[
4
]
=
“Fifth Entry”;
9
:
var
anotherArray
=
new
Array(“First Entry”,”Second Entry”,”Third Entry”,”Fourth Entry”,”Fifth Entry”);
10
:
//
-->
11
:
</
script
>
13
数组排序
1
:
<
script language
=
”JavaScript”
>
2
:
<!--
3
:
var
myArray
=
new
Array(
5
);
4
: myArray[
0
]
=
“z”;
5
: myArray[
1
]
=
“c”;
6
: myArray[
2
]
=
“d”;
7
: myArray[
3
]
=
“a”;
8
: myArray[
4
]
=
“q”;
9
: document.write(myArray.sort());
10
:
//
-->
11
:
</
script
>
14
分割字符串
1
:
<
script language
=
”JavaScript”
>
2
:
<!--
3
:
var
myVariable
=
“a,b,c,d”;
4
:
var
stringArray
=
myVariable.split(“,”);
5
: document.write(stringArray[
0
]);
6
: document.write(stringArray[
1
]);
7
: document.write(stringArray[
2
]);
8
: document.write(stringArray[
3
]);
9
:
//
-->
10
:
</
script
>
15
弹出警告信息
1
:
<
script language
=
”JavaScript”
>
2
:
<!--
3
: window.alert(“Hello”);
4
:
//
-->
5
:
</
script
>
16
弹出确认框
1
:
<
script language
=
”JavaScript”
>
2
:
<!--
3
:
var
result
=
window.confirm(“Click OK to
continue
”);
4
:
//
-->
5
:
</
script
>
17
定义函数
1
:
<
script language
=
”JavaScript”
>
2
:
<!--
3
:
function
multiple(number1,number2)
{
4
:
var
result
=
number1
*
number2;
5
:
return
result;
6
: }
7
:
//
-->
8
:
</
script
>
18
调用JS函数
1
:
<
a href
=
”#” onClick
=
”functionName()”
>
Link text
</
a
>
2
:
<
a href
=
"
/”javascript:functionName
"
()”
>
Link text
</
a
>
19
在页面加载完成后执行函数
1
:
<
body onLoad
=
”functionName();”
>
2
: Body of the page
3
:
</
body
>
20
条件判断
1
:
<
script
>
2
:
<!--
3
:
var
userChoice
=
window.confirm(“Choose OK or Cancel”);
4
:
var
result
=
(userChoice
==
true
)
?
“OK” : “Cancel”;
5
: document.write(result);
6
:
//
-->
7
:
</
script
>
21
指定次数循环
1
:
<
script
>
2
:
<!--
3
:
var
myArray
=
new
Array(
3
);
4
: myArray[
0
]
=
“Item
0
”;
5
: myArray[
1
]
=
“Item
1
”;
6
: myArray[
2
]
=
“Item
2
”;
7
:
for
(i
=
0
; i
<
myArray.length; i
++
)
{
8
: document.write(myArray
+
“
<
br
>
”);
9
: }
10
:
//
-->
11
:
</
script
>
22
设定将来执行
1
:
<
script
>
2
:
<!--
3
:
function
hello()
{
4
: window.alert(“Hello”);
5
: }
6
: window.setTimeout(“hello()”,
5000
);
7
:
//
-->
8
:
</
script
>
23
定时执行函数
1
:
<
script
>
2
:
<!--
3
:
function
hello()
{
4
: window.alert(“Hello”);
5
: window.setTimeout(“hello()”,
5000
);
6
: }
7
: window.setTimeout(“hello()”,
5000
);
8
:
//
-->
9
:
</
script
>
24
取消定时执行
1
:
<
script
>
2
:
<!--
3
:
function
hello()
{
4
: window.alert(“Hello”);
5
: }
6
:
var
myTimeout
=
window.setTimeout(“hello()”,
5000
);
7
: window.clearTimeout(myTimeout);
8
:
//
-->
9
:
</
script
>
查看全文
相关阅读:
Git 远程仓库 git remote
同一台电脑关于多个SSH KEY管理
dotnet core on Linux 环境搭建及入门demo
Cannot load JDBC driver class 'com.mysql.jdbc.Driver '
Mac OS 配置Maven
Linux中profile、bashrc、bash_profile之间的区别和联系
如何在Mac的Finder中显示/usr、/tmp、/var等隐藏目录
Mac OS X 下查看和设置JAVA_HOME
SSM框架整合(IntelliJ IDEA + maven + Spring + SpringMVC + MyBatis)
事件
原文地址:https://www.cnblogs.com/furenjun/p/jsp1.html
最新文章
微信小程序——使用excel-export导出excel
IDEA操作——导入maven项目
微信小程序——聚合Aggregate操作实例中match()无法按照Date时间查询
微信小程序——引入Vant组件库
Javascript数组——push() 和 concat()
微信小程序ES6——箭头函数中的this问题
微信小程序H5——自定义属性data-*
微信小程序ES6——字符串模板
Oracle函数——MINUS
微信小程序云数据库——where查询和doc查询区别
热门文章
atom 常用插件
常用的js
常用的vue
webpack4.12.0 安装过程中遇到的问题
我们可以利用css3来实现这个小三角
快速本地搭建一个纯静态简易站点
了解真实的 rem 手机屏幕适配
常用网站
ajax创建XMLHttpRequest对象
[转] 在Mac上搭建React Native开发环境
Copyright © 2011-2022 走看看