JavaScript 基础语法与常用操作详解

作者:木棉

时间:2026-10-25

浏览:568

本文系统梳理 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] + ""); } // -> 

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章