URI中的javascript方案

本文作者: jsweibo

本文链接: https://jsweibo.github.io/2020/07/02/URI%E4%B8%AD%E7%9A%84javascript%E6%96%B9%E6%A1%88/

摘要

本文主要讲述了：

作用
语法

正文

作用

以 URI 的形式，在当前标签页中运行 JavaScript 代码

语法

javascript:<javascript to execute>

使用方法：

在地址栏键入
在控制台键入
作为<a>的href

注意：

在地址栏粘贴时，浏览器会自动去掉打头的javascript:
若当前路径为以下值时，在地址栏键入无效

Chrome：chrome://*、chrome-extension://*
Firefox：任何 URL
IE：about:blank

示例：在地址栏键入

1	javascript: alert('hello, jsweibo');

示例：在控制台键入

1	location.href = "javascript: alert('hello, jsweibo');";

示例：作为<a>的href

<!DOCTYPE html>
<html lang="en">
  <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>Document</title>
  </head>
  <body>
    <a href="javascript: alert('hello, jsweibo');">hello</a>
  </body>
</html>