如何跳转另一个页面加载自己的javaScript，url中嵌入javaScript语句（如何让前端看起来很厉害呢？）

不许偷代码哦，一键三连以后我的代码就是你的代码！！！

本文链接：https://blog.youkuaiyun.com/Youyzq/article/details/125672570

需求

在这里插入图片描述

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

data:text/html,<iframe%20 src="https://blog.youkuaiyun.com/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>