如何跳转另一个页面加载自己的javaScript,url中嵌入javaScript语句(如何让前端看起来很厉害呢?)

24 篇文章 0 订阅

需求

在这里插入图片描述

我需要跳转到这个页面,顺便呢弹个窗,告诉我们执行了

data:text/html,<iframe%20 src="https://blog.csdn.net/Youyzq?spm=1000.2115.3001.5343" width="100%" height="100%" scrolling="auto" frameborder="no"%20 border="0" ></iframe><script>alert("我是一个小弹窗")</script>

这里会有一个小问题,在导航栏的位置,不要使用中文,不然就会乱码
在这里插入图片描述
尽量使用英文和数字

<script>alert(1111)</script>

在这里插入图片描述
这样就可以了,为啥会是白屏呢,因为alert执行完毕了以后,HTML结构才会继续渲染。点击确定了以后就执行出来了
在这里插入图片描述
注意看这里的路径,就是刚才咱们输出的东西。

为什么需要这样写呢?

在这里插入图片描述
在这里插入图片描述
注意看我这里画框的地方,因为这个网页不是我们部门开发的,是一个投票的平台进行管理的,但是呢他的效果并不是太好,我想把他变成正方形,让参加投票的人,可以直接扫码进行投票,但是现在的三角形,第一不美观,第二也不实用

如何解决这个问题呢?

data:text/html,<html><head><style>body,html{margin:0;padding:0;}img{border: 0;}.popup-show-ewm{position:fixed;top:85px;right:85px;z-index:22;}.popup-backdrop{width:100%;height:100%;position:fixed;top:0;left:0;z-index:20;}</style></head><body><iframe%20 src="https://www.wenjuan.com/vws/vote_wall/UZBZJv6bNe" width="100%" height="100%" scrolling="auto" frameborder="no"%20 border="0" ></iframe><div class="popup-backdrop"></div><div class="popup-show-ewm"><img src="https://www.wenjuan.com/images/get_matrix_img?survey_url=https://www.wenjuan.com/s/UZBZJv6bNe/&box_size=17" alt="" width="120" height="120" /></div></body></html>

在这里插入图片描述
这个代码,也是有缺陷的,只能在火狐浏览器里使用,因为谷歌早已经不支持代码嵌入。(因为不安全)

data:text/html 这句话的意思就是相当于自己创建一个网页,可以在url中写入标签,通过渲染引擎来渲染出来页面
<iframe> 这个标签就是在当前页面,导入其他页面的一个标签

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值