JavaScript基础

最新推荐文章于 2024-12-17 19:22:27 发布

丿寒风

最新推荐文章于 2024-12-17 19:22:27 发布

阅读量1.1k

点赞数

CC 4.0 BY-SA版权

分类专栏： Javascript

本文链接：https://blog.youkuaiyun.com/xufeng0991/article/details/10441031

Javascript 专栏收录该内容

12 篇文章

订阅专栏

1 html中嵌入Js代码
例：
<body>
<script language = "JavaScript">

document.write("Hello,World!");

</script>
</body>

2 如果浏览器不支持JS，则隐藏Js代码
以html文档的方式
例：
<body>
<script language = "JavaScript">

</script>
</body>

3 如果浏览器不支持JS，则隐藏JS代码，并给出提示
<body>
<script language = "JavaScript">

</script>

<noscript>
Non-JavaScript brower.
</noscript>
</body>

4 引用JS文件
html中引用：
<script language=”JavaScript” src=”script.js”></script>
脚本文件（script.js）：
//JavaScript Document
document.write("Hello,world!");

5 注释
同C++一样，单行用“// document”，多行用“/* document */”

6 输出
向网页中输出文字用document.write("文字");
输出文字后空格使用document.writeln("文字");

7 字符串的操作
查找字串
替换字串
指定字体输出属性

8 数组的定义
var array = new Array(5);
array[0] = "1st";
array[1] = "2cd";
array[2] = "3rd";
array[3] = "4th";
array[4] = "5th";
var anotherArray = new Array("1th","2th","3th","4th","5th");

字符串转化成字符数组
var str = "a,b,c,d";
var strArray = str.split(",");
document.write(strArray[0]);
document.write(strArray[1]);
document.write(strArray[2]);
document.write(strArray[3]);
document.write(strArray[4]);

9 函数
定义：
function sqrt(a)//不需要指定返回值和参数类型
{
return a * a;
}
调用：
var square = sqrt(a);

10 弹出框
window.alert("Hello");

11 选择框
var result = window.confirm("Click OK to continue");
document.write(result);

12 响应点击事件
使用点击属性：<a href=”#” onClick=”functionName()”>Link text</a>
使用JS：<a href=”javascript:functionName()”>Link text</a>

13 页面加载完成之后调用函数和页面退出前调用函数
<body onLoad = "函数名" onUnload = "函数名">

14 for循环
for (i = 0; i < 10; i++)
{
document.write(i + "<br>");
}

15 if条件判断和三元运算符
// if条件判断
var result = window.confirm("Choose OK or Cancel");
if (true == result)
{
window.alert("You choice is OK");
}
else
{
window.alert("You choice is Cancel");
}
result = (result == true) ? "OK" : "Cancel";
document.write(result);

16 while循环
var result = window.confirm("Choose OK or Cancel");
while (result == false)
{
result = window.confirm("Choose OK or Cancel");
}
document.write("You finally chose OK!");

17 定时器
例：window.setTimeout(“函数名”,时间（单位：毫秒）);

18 移除定时器
例：
var timeOut = window.setTimeout(“函数名”,时间（单位：毫秒）);
window.clearTimeout(timeOut)

19 多个脚本块
<script language = "JavaScript">

</script>

<hr>

20 检测浏览器是否支持js
<body>
<script language="JavaScript">

</script>
</body>