4 posts tagged with "javascript"

View All Tags

history对象

triumph

triumph

Bom对象

history对象

1.更改URL

方法说明
assign()载入一个新文档
reload()绕过缓存载入当前的文档
replace()替换当前文档
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>location对象</title>
</head>
<body>
<input type="button" value="载入新文档" onclick="newPage()"></input>
<input type="button" value="刷新页面" onclick="refreshPage()"></input>
<input type="button" value="替换当前内容" onclick="replacePage()"></input>
<div id="time"></div>
</body>
</html>
<script>
/* 获取并显示当前载入时间*/
const obDate = new Date(),
nowDate = obDate.getDate();
const nowTime = obDate.toLocaleTimeString();
document.getElementById('time').innerHTML = nowTime;
/**
* 载入新文档
*/
function newPage() {
window.location.assign("http://127.0.0.1:5500/index.htm");
}
/**
* 绕过缓存刷新页面
*/
function freshPage() {
location.reload(true); //“(forcedReload: boolean): void”已被弃用ts(6385)
/*Location.reload() 该方法只有一个参数，当变化true时，将强制浏览器从服务器加载页面资源，当变为或未false传参时，浏览器则可能从缓存中读取页面。
该方法在跨域调用（执行该方法的脚本文件的域和Location对象位于页面的跨不同）时，将会引发 DOMException异常。*/
}
/**
* 替换当前页内容
*/
function replacePage() {
location.replace("https://router.vuejs.org/guide/essentials/dynamic-matching.html#reacting-to-params-changes");
}
</script>

2.获取url参数

location属性名 的方式，即可获取当前用户访问url的指定部分。 通过location属性名 = 值 的方式可以改变当前加载的页面。

属性说明
hash返回一个url锚部分
host返回一个url的主机名和端口
hostname返回url的主机名
href返回完整的url
pathname返回url路径名
prot返回url服务器使用的端口号
protocol返回一个url协议

location对象

triumph

triumph

Bom对象

location对象方法

1.更改URL

方法说明
assign()载入一个新文档
reload()绕过缓存载入当前的文档
replace()替换当前文档
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>location对象</title>
</head>
<body>
<input type="button" value="载入新文档" onclick="newPage()"></input>
<input type="button" value="刷新页面" onclick="refreshPage()"></input>
<input type="button" value="替换当前内容" onclick="replacePage()"></input>
<div id="time"></div>
</body>
</html>
<script>
/* 获取并显示当前载入时间*/
const obDate = new Date(),
nowDate = obDate.getDate();
const nowTime = obDate.toLocaleTimeString();
document.getElementById('time').innerHTML = nowTime;
/**
* 载入新文档
*/
function newPage() {
window.location.assign("http://127.0.0.1:5500/index.htm");
}
/**
* 绕过缓存刷新页面
*/
function freshPage() {
location.reload(true); //“(forcedReload: boolean): void”已被弃用ts(6385)
/*Location.reload() 该方法只有一个参数，当变化true时，将强制浏览器从服务器加载页面资源，当变为或未false传参时，浏览器则可能从缓存中读取页面。
该方法在跨域调用（执行该方法的脚本文件的域和Location对象位于页面的跨不同）时，将会引发 DOMException异常。*/
}
/**
* 替换当前页内容
*/
function replacePage() {
location.replace("https://router.vuejs.org/guide/essentials/dynamic-matching.html#reacting-to-params-changes");
}
</script>

2.获取url参数

location属性名 的方式，即可获取当前用户访问url的指定部分。 通过location属性名 = 值 的方式可以改变当前加载的页面。

属性说明
hash返回一个url锚部分
host返回一个url的主机名和端口
hostname返回url的主机名
href返回完整的url
pathname返回url路径名
prot返回url服务器使用的端口号
protocol返回一个url协议

javascript文档注释

triumph

triumph

文档注释

JSDoc 注释规范

简介

是个根据js文件中注释信息，生成js应用程序或模板的API文档工具。可以使用:命名空间、类、方法、变量、方法功能等。能便于使用API,降低维护成本，提高开发效率。

文档注释规则

文档注释一般放在方法或函数生命之前，必须以/**开头，以便JSDoc解析器识别。

/**
* 加法运算
* @param {number} num1 数字1
* @param {number} num2 数字2
* @returns 返回加法的结果
*/
function add(num1,num2){
return num1 + num2;
}

[关于JSDoc更多内容]（https://jsdoc.zcopy.site/）

<script>元素

triumph

triumph

<script>属性

<script>属性

向 HTML 页面中插入 JavaScript 的主要方法，就是使用<script>元素。这个元素由 Netscape 创造 并在 Netscape Navigator 2 中首先实现。后来，这个元素被加入到正式的 HTML 规范中。 HTML 4.01 为 <script>定义了下列 6 个属性。

  • async: 可选。 表示应该立即下载脚本，但不应该妨碍页面的其他操作，比如下载其他资源或等待加载其他脚本。且只对外部脚本文件有效。(简单理解除立即下载外,不必等待此脚本的下载和执行)
  • defer: 可选。表示脚本可延迟到文档完全被解析和显示之后再执行。且只对外部脚本有效。ie7及以前夜支持此属性。(简单理解立即下载,延迟执行)
  • charset: 可选。 表示通过src属性指定字符集。大多浏览器会忽略其值，很少用。
  • language: 已废弃。 原来表示编写代码使用的脚本语言
  • src: 可选 表示要执行代码的外部文件路径
  • type: 可选。 可以看成是language的代替属性; 表示所使用的脚本语言内容类型(MIME类型)。