javascript(基础整理一)

最新推荐文章于 2024-11-08 14:35:14 发布
最新推荐文章于 2024-11-08 14:35:14 发布
阅读量677 收藏
点赞数
分类专栏： javascript 文章标签： javascript function 浏览器 脚本 string html
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[i] + “<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>

25 在页面卸载时候执行函数

1: <body onUnload=”functionName();”>
2: Body of the page
3: </body>

JavaScript就这么回事2：浏览器输出

26 访问document对象

1: <script language=”JavaScript”>
2: var myURL = document.URL;
3: window.alert(myURL);
4: </script>

27 动态输出HTML

1: <script language=”JavaScript”>
2: document.write(“<p>Here’s some information about this document:</p>”);
3: document.write(“<ul>”);
4: document.write(“<li>Referring Document: “ + document.referrer + “</li>”);
5: document.write(“<li>Domain: “ + document.domain + “</li>”);
6: document.write(“<li>URL: “ + document.URL + “</li>”);
7: document.write(“</ul>”);
8: </script>

28 输出换行

1: document.writeln(“<strong>a</strong>”);
2: document.writeln(“b”);
bieqing
关注
专栏目录
JavaScript基础整理
05-08
本人学习前端时的总结笔记，包含数据类型、循环结构、分支结构、函数预解析、常用内置对象方法、浏览器兼容问题、offset系列、scroll系列、client系列。 是什么原型、原型的作用、原型链 继承： ...
JavaScript基础知识整理
02-26
JavaScript是一种广泛应用于前端...总之，JavaScript作为一种强大的前端编程语言，它的基础包括变量、数据类型、对象等概念，这些构成了构建动态Web应用的基础。了解并掌握这些基础知识，对于进行前端开发至关重要。
【JavaScript】使用document.write输出覆盖HTML问题
weixin_30692143的博客
07-17 335
您只能在 HTML 输出中使用 document.write。如果您在文档加载后使用该方法，会覆盖整个文档。 分析 HTML输出流是指当前数据形式是HTML格式的数据，这部分数据正在被导出、传输或显示，所以称为“流”。 通俗的来说就是HTML文档的加载过程，如果遇到document.write就会把内容加入到文档中。例如： <!DOCTYPE html> <html> ...
您只能在 HTML 输出中使用 document.write。如果您在文档加载后使用该方法，会覆盖整个文档。
sunyadong_的博客
08-31 1295
记得自己刚刚开始自学JavaScript时，遇到了这么句话!      您只能在 HTML 输出中使用 document.write。如果您在文档加载后使用该方法，会覆盖整个文档。      起初我对这句话是不了解的，然后就百度，自己测试，找到了自己觉得应该对的答案！当时这句话是在w3school中看到的，这句话出现在两句代码的后面。 JavaScript 能够直接写入 HTML
（从头学JavaScript）2.用法，输出
7TribeZ的博客
04-29 173
1.<script>放置 script可被放置在 HTML 页面的 <body> 和 <head> 部分中。 也可以把脚本保存到外部文件中。外部文件通常包含被多个网页使用的代码。<script src="myScript.js"></script> 外部脚本不能包含 <script> 标签 2.document....
document.write直接写入 HTML 输出流
muzhili的专栏
04-28 7612
JavaScript 能够直接写入 HTML 输出流中：   document.write("这是一个标题"); document.write("这是一个段落。");   您只能在 HTML 输出流中使用 document.write。 如果您在文档已加载后使用它（比如在函数中），会覆盖整个文档。       您只能在 HTML 输出中使用docum
“您只能在 HTML 输出中使用 document.write。如果您在文档加载后使用该方法，会覆盖整个文档。”
说文科技，做有态度的研究。
07-25 7860
提示：您只能在 HTML 输出中使用 document.write。如果您在文档加载后使用该方法，会覆盖整个文档。 今天开始在学JavaScript时，发现上述的这么一句话，并且W3cshool上给的代码如下： JavaScript 能够直接写入 HTML 输出流中： document.write("This is a heading"); do
JavaScript基础语法整理
geejkse_seff的博客
03-11 1135
JavaScript基础语法整理 特征 注意: JavaScript的组成 JavaScript的引入方式 内部脚本 外部引入 JavaScript规范化的标签放置位置 JavaScript语法及其规则 注释 变量 基本数据类型 JavaScript和JAVA的区别 typedef—获取当前变量的类型 引用数据类型 运算符 比较运算符 逻辑等和全等运算符 逻辑运算符 正则对象 RegExp对象的创建方式 test方法 正则对象使用注意事项 JS数组对象
JavaScript的基础语句整理
Sy_origami的博客
04-14 1203
JavaScript的基础语句整理 文章目录JavaScript的基础语句整理一、JavaScript的输出二、JavaScript的基础语句2.JavaScript语句的关键词总结 大部分前端初学者对于JavaScript的基础语句了解并不充分，我帮助整理了一些入门学习可能会使用到的语句。 一、JavaScript的输出 document.getElementById(id); 访问HTML元素， id属性定义html元素 document.write() 测试用比较方便 ！在h
JavaScript基础整理（配代码及注释）
香菜的博客
02-21 2435
1. 变量 1.1 变量基础 <script> //1.声明了一个age的变量 var age; //2.赋值 把值存入到这个变量中 age = 18; //3.输出结果 console.log(age); //4.变量的初始化(声明一个变量并赋值) var my = "香菜yyds!"; console.log(my); //我是分割
Javascript基础知识整理.doc
11-27
Javascript基础知识整理 JavaScript是一种高级的、动态的、弱类型的编程语言，主要用于客户端脚本编程。它可以在浏览器中执行，实现网页的交互性和动态效果。本文将对JavaScript的基础知识进行整理和总结，包括脚本...
菜鸟javascript基础整理1
10-28
### JavaScript基础知识概览 #### 一、文档写入与输出 **知识点1：`document.write()`** `document.write()` 方法用于将字符串写入文档流。它通常用于动态生成页面内容或者进行简单的测试输出。 **示例代码：** `...
javascript基础知识整理
10-29
JavaScript是Web开发中不可或缺的一部分，尤其对于初学者来说，掌握其基础知识至关重要。下面将详细讲解JavaScript的基础知识，包括创建脚本、隐藏脚本、处理浏览器兼容性问题、链接外部脚本、注释、输出到浏览器、...
HTML 脚本
weixin_30748995的博客
11-09 108
JavaScript 使 HTML 页面具有更强的动态和交互性。 在线实例 插入一段脚本如何将脚本插入 HTML 文档。 使用 <noscript> 标签如何应对不支持脚本或禁用脚本的浏览器。 HTML <script> 标签 <script> 标签用于定义客户端脚本，比如 JavaScript。 <script> 元素...
Echarts 折线图
weixin_44443380的博客
11-08 241
解决方法：设置emphasis.lineStyle和折线图本身lineStyle相同即可。问题：鼠标悬停在折线图上，折线变粗。3、去掉 hover 折线变粗方法。
每天10个vue面试题(九)
最新发布
不熬夜的臭宝的博客
11-08 520
一天10个vue面试题喽！
上门理发系统的搭建
app830的博客
11-07 387
上门理发系统的搭建涉及多个方面，包括技术架构、功能模块、用户体验以及运营策略等。服务器：部署应用到云服务器（如AWS、阿里云）或本地服务器上，确保系统的稳定性和可扩展性。消息通知：通过短信、邮件或APP推送等方式，向用户发送预约确认、提醒等消息。订单管理：用户可以查看自己的预约订单，包括待付款、已付款、已完成等状态。服务浏览与选择：展示各类理发服务，包括价格、时长、适用人群等信息。在搭建过程中，要确保系统的安全性和稳定性，防止数据泄露和系统崩溃。操作便捷：优化用户操作流程，减少不必要的步骤，提高用户体验。
JavaScript数据类型- BigInt详解（处理任意大小整数的终极指南）
cx18333的博客
11-05 529
随着ECMAScript 11（ES11）引入了BigInt，JavaScript开发者现在可以轻松地处理超出传统Number类型限制的大整数。本文全面解析了BigInt的使用方法、核心特性和限制条件，为你提供了处理大型整数数据的强大工具。从BigInt的基础用法到算术运算和比较，再到类型检查和兼容性考量，一步步的深入了解这个新的数据类型。
Node.js 模块详解
m0_65697474的博客
11-05 284
一个 Node.js 模块可以是一个函数库、类集合或其他可重用的代码，通常存储在一个或多个 .js 文件中。本地模块是你自己创建的 .js 文件，其中包含了你的应用程序所需的函数或类的定义。这些模块位于你的 Node.js 应用程序文件夹中，同样需要通过。要在项目中使用这些模块，需要先在全局或项目文件夹中安装它们。通过使用模块，我们可以将 Node.js 应用程序的功能分割成更小、更易管理的部分，提高代码的可读性和可维护性。例如，启动一个 Node.js 服务器时，我们需要导入。
JavaScript基础知识点总结
JavaScript 学习整理资料 JavaScript 是一种广泛应用于 Web 开发的编程语言，本文档总结了 JavaScript 的一些基本特点、语法、对象、事件处理等知识点，旨在帮助学习者更好地理解和掌握 JavaScript。 **基本语法**...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值