浏览器地址栏运行JavaScript代码

最新推荐文章于 2024-04-19 11:08:01 发布
最新推荐文章于 2024-04-19 11:08:01 发布
阅读量1.3k 收藏 1
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/adfhtd/article/details/34114297
版权

HTML篇

浏览器地址栏运行JavaScript代码

这个很多人应该还是知道的，在浏览器地址栏可以直接运行JavaScript代码，做法是以javascript:开头后跟要执行的语句。比如：

javascript:alert('hello from address bar :)');

将以上代码贴到浏览器地址栏回车后alert正常执行，一个弹窗神现。

需要注意的是如果是通过copy paste代码到浏览器地址栏的话，IE及Chrome会自动去掉代码开头的javascript:，所以需要手动添加起来才能正确执行，而Firefox中虽然不会自动去掉，但它根本就不支持在地址栏运行JS代码，sigh~

这一技术在我的另一篇博文《让Chrome 接管邮件连接，收发邮件更方便了》中有使用到，利用在浏览器地址栏中执行JavaScript代码将Gmail设置为系统的邮件接管程序。

浏览器地址栏运行HTML代码

如果说上面那条小秘密知道的人还算多的话，这条秘笈知道的人就要少一些了，在非IE内核的浏览器地址栏可以直接运行HTML代码！

比如在地址栏输入以下代码然后回车运行，会出现指定的页面内容。

data:text/html,<h1>Hello, world!</h1>

 mingyi.shm.com.cn/yyk/njhmyy/55981.html
mingyi.shm.com.cn/yyk/njhmyy/55982.html
mingyi.shm.com.cn/yyk/njhmyy/55983.html
mingyi.shm.com.cn/yyk/njhmyy/55984.html
mingyi.shm.com.cn/yyk/njhmyy/55985.html
mingyi.shm.com.cn/yyk/njhmyy/55986.html
mingyi.shm.com.cn/yyk/njhmyy/55987.html
mingyi.shm.com.cn/yyk/njhmyy/55988.html
mingyi.shm.com.cn/yyk/njhmyy/55989.html
mingyi.shm.com.cn/yyk/njhmyy/55990.html
mingyi.daynews.com.cn/yyk/njhmyy/5985157753.html
mingyi.daynews.com.cn/yyk/njhmyy/5985171754.html
mingyi.daynews.com.cn/yyk/njhmyy/5985193168.html
mingyi.daynews.com.cn/yyk/njhmyy/5985201348.html
mingyi.daynews.com.cn/yyk/njhmyy/5985209310.html
mingyi.daynews.com.cn/yyk/njhmyy/5985216260.html
mingyi.daynews.com.cn/yyk/njhmyy/5985227660.html
mingyi.daynews.com.cn/yyk/njhmyy/5985235654.html
mingyi.daynews.com.cn/yyk/njhmyy/5985244748.html
mingyi.daynews.com.cn/yyk/njhmyy/5985257555.html
yw.cnhan.com/yyk/njhmyy/5982957444.html
yw.cnhan.com/yyk/njhmyy/5982979294.html
yw.cnhan.com/yyk/njhmyy/5982996689.html
yw.cnhan.com/yyk/njhmyy/5983008742.html
yw.cnhan.com/yyk/njhmyy/5983035952.html
yw.cnhan.com/yyk/njhmyy/5983043516.html
yw.cnhan.com/yyk/njhmyy/5983066314.html
yw.cnhan.com/yyk/njhmyy/5983080968.html
yw.cnhan.com/yyk/njhmyy/5983087524.html
yw.cnhan.com/yyk/njhmyy/5983094087.html

你造么，可以把浏览器当编辑器

还是浏览器地址栏上做文章，将以下代码贴到地址栏运行后浏览器变成了一个原始而简单的编辑器，与Windows自带的notepad一样，吼吼。

data:text/html, <html contenteditable>

 

归根结底多亏了HTML5中新加的contenteditable属性，当元素指定了该属性后，元素的内容成为可编辑状态。

推而广之，将以下代码放到console执行后，整个页面将变得可编辑，随意践踏吧~

document.body.contentEditable='true';

 

利用a标签自动解析URL

很多时候我们有从一个URL中提取域名，查询关键字，变量参数值等的需要，而万万没想到可以让浏览器方便地帮我们完成这一任务而不用我们写正则去抓取。方法就在JS代码里先创建一个a标签然后将需要解析的URL赋值给a的href属性，然后就得到了一切我们想要的了。

adfhtd
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
NPAPI 插件获取浏览器地址栏URL
07-02
3. **获取浏览器地址栏URL**：NPAPI插件可以通过`NPN_GetValue`函数获取当前浏览器窗口的URL。这个函数是NPAPI的一部分，可以用来获取浏览器提供的各种信息，包括URL。 4. **安全考虑**：由于NPAPI插件拥有很高的...
Chrome 浏览器中执行 JavaScript
01-18
本章节为大家介绍如何在 Chrome 浏览器上进行 JavaScript 代码的运行与调试。 Chrome 是由 Google 开发的免费网页浏览器，对于前端开发来说（尤其是调试代码）非常方便。 Chrome 官网地址：...
JavaScript代码是怎么在浏览器里面运行起来的？
heyYouU的博客
11-18 911
从js代码是怎么被执行的？简单了解一下浏览器内核与JS引擎。
03 JavaScript学习：浏览器中执行 JavaScript
最新发布
sixpp的博客
04-19 5万+
我比较习惯Chrome浏览器。Chrome 是由 Google 开发的免费网页浏览器，调试代码非常方便。Chrome 官网地址：https://www.google.com/intl/zh-CN/chrome/。
浏览器地址栏编码
emo123ri的专栏
01-28 1276
public class TraceFilter implements Filter { private static final Logger logger = Logger.getLogger(TraceFilter.class); @Override public void init(FilterConfig filterConfig) throws Servle
浏览器中完美运行的代码，一到OkHttp里就歇菜？
老皮的博客
04-25 282
OkHttp的原理看着并不复杂，但在实际工作中，很多人还是会经常遇到一些问题无处下手： 在浏览器中一切正常 通过OkHttp却无法实现了，这又是怎么一回事呢？ 由于在开发中最常使用的HTTP与HTTPS协议，都能借助框架轻松完成，这导致很多程序员在网络编程方面非常薄弱。看看下面这些问题，你能答上几个？ addInterceptor与addNetworkInterceptor有什么区别？ 网络缓存如何实现的？ 网络连接怎么实现复用？ OkHttp如何做网络监控？ 用过哪些网络加载库？Retrofit核心
2022年最完整的html网页跳转代码大全
18166600153
07-27 2万+
2022年最完整的html网页跳转代码大全
简易浏览器程序代码.rar
01-06
- 用户界面（UI）：包括地址栏、前进/后退按钮、书签等，提供与用户的交互。 - 渲染引擎：负责解析网页内容，如HTML、CSS，呈现页面布局。 - JavaScript 引擎：执行网页中的JavaScript代码，例如V8引擎在Chrome中...
web_ok.rar_IE_web 浏览器 vc_浏览器源代码
09-14
4. **JavaScript引擎**：浏览器需支持执行JavaScript代码，这可能通过集成V8引擎或其他JavaScript解释器来实现。 5. **用户界面**：包括地址栏、前进/后退按钮、书签等，这些都是通过MFC（Microsoft Foundation ...
vue地址栏直接输入路由无效问题的解决
10-17
在Vue.js应用中，直接在浏览器地址栏输入路由通常是可行的，但这依赖于正确的路由配置和设置。在某些情况下，可能会遇到输入路由后页面无法正确显示的问题，这通常与Vue Router的模式、历史记录管理和浏览器兼容性...
在线视频网页源码
01-18
# 这是基于websocket的在线聊天室demo 其中Tomcat-Websocket项目是基于tomcat服务器的java版服务端实现，Nodejs-Websocket项目是基于Nodejs的js版服务端实现。两个项目的服务端逻辑基本一致，客户端代码可以通用。此外，前者所有功能都基于websocket实现，后者采用webrtc技术实现语音视频的通讯，相比之下技术更成熟，性能更好。 ## 主要功能 浏览器端文本、视频、语音的即时通讯。
地址栏执行js
晓剑
06-12 1337
一：地址栏执行js获取页面cookie
前端冷知识
u010459552的博客
10-25 314
浏览器地址栏运行JavaScript代码：javascript:alert('hello from address bar :)'); 浏览器地址栏运行HTML代码：data:text/html,<h1>Hello, world!</h1>，此外还可以把浏览器当编辑器：data:text/html, <html contenteditable> 利用a标签自动解析URL： function par
常用网页代码全集
云博客_资源宝分享
07-03 9391
● 控制横向和纵向滚动条的显隐？ <body style="overflow-y:hidden"> 去掉x轴 <body style="overflow-x:hidden"> 去掉y轴 <body scroll="no">不显 ● 表格变色 <TD onmouseover="this.style.backgroundColor='#FFFFFF'" ...
JavaScript修改浏览器URL地址栏的代码
杨春建的博客
08-28 10000
原文地址：http://www.jquerycn.cn/a_10532 本节主要内容： 使用JavaScript修改浏览器URL地址栏 现在主流的浏览器，可以在不刷新页面的情况下修改浏览器URL; 在浏览过程中，可以将浏览历史储存起来，当在浏览器点击后退按钮时，可以冲浏览历史上获得回退的信息。 本文就介绍下它是如何工作的。   复制代码代码示例: var s
浏览器可以运行 Python 代码了，Python 也许会变成前后端通吃的语言
somenzz的博客
05-03 924
你好，我是征哥，作为 Python 程序员，我很羡慕那些 Javascript 开发者，动不动就能写出令人惊艳的网页。不过今年，我们也能用 Python 写前端了：Anaconda 团队开发出了 PyScript，你可以在 HTML 里面编写和运行 Python 代码，调用 Javascript 库，换句话说，你可以用 Python 来进行整个前后端开发。什么是 PySc...
JavaScript中最常用的55个技巧
01-01
5. <link rel="Shortcut Icon" href="favicon.ico"> 可以将网页的图标设置为自定义的图标，将其显示在浏览器的地址栏中，提高网站的专业感和美观度。 6. <link rel="Bookmark" href="favicon.ico"> 同样也可以在...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值