本文系统梳理 JavaScript 基础知识,涵盖脚本块的创建与外部链接、代码隐藏与兼容处理、注释规范、浏览器输出方式。重点讲解变量定义、字符串拼接与替换、数组创建与排序,以及通过 onClick 和 onLoad 实现事件触发与页面加载执行,帮助初学者掌握核心语法。
JavaScript 脚本嵌入与兼容处理
1 创建脚本块
代码如下:
<script language="JavaScript">
JavaScript 代码写在这里面
</script> 2 隐藏脚本代码
程序代码
在不支持 JavaScript 的浏览器中将不执行相关代码
3 浏览器不支持的时候显示
程序代码
代码如下:
<noscript>
Hello to the non-JavaScript browser.
</noscript> 4 链接外部脚本文件
程序代码
代码如下:
<script language="JavaScript" src="/"filename.js""></script> 5 注释脚本
注释规范与浏览器输出
程序代码
代码如下:
// This is a comment
document.write("Hello"); // This is a comment
/*
All of this
is a comment
*/ 6 输出到浏览器
程序代码
代码如下:
document.write("<strong>Hello jb51 .net</strong>"); 7 定义变量
变量定义与字符串操作
程序代码
代码如下:
var myVariable = "some value"; 8 字符串相加
程序代码
代码如下:
var myString = "String1" + "String2"; 9 字符串搜索
程序代码
10 字符串替换
程序代码
代码如下:
thisVar.replace("Monday","Friday"); 11 格式化字串
程序代码
12 创建数组
数组创建与格式化
程序代码
13 数组排序
程序代码
14 分割字符串
程序代码
15 弹出警告信息
弹窗交互与自定义函数
程序代码
16 弹出确认框
程序代码
17 自定义函数
程序代码
18 调用JS函数
事件触发与页面加载执行
程序代码
代码如下:
<a href="#" onClick="functionName()">Link text</a>
<a href="/"javascript:functionName"()">Link text</a> 19 在页面加载完成后执行函数
程序代码
代码如下:
<body onLoad="functionName();">
Body of the page
</body> 20 条件判断
程序代码
21 指定次数循环
程序代码
<script> <!- var myArray = new Array(3); myArray[0] = "Item 0"; myArray[1] = "Item 1"; myArray[2] = "Item 2"; for (i = 0; i < myArray.length; i++) { document.write(myArray[i] + ""); } // ->