养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

js如何跳转打开远程pdf文件

时间:2024-11-05 11:34:30

在JavaScript中,有个标签a(超链接),可以通过属性href进行跳转并打开评鲦易纪文件。那么,js如何跳转打开远程pdf文件?

js如何跳转打开远程pdf文件

工具/原料

pdf

JavaScript

HTML5

CSS3

HBuilderX

浏览器

截图工具

WPS

方法/步骤

1、双击打开HBuilderX开发工具,在已新建的Web项目,创建一个静态页面

js如何跳转打开远程pdf文件

2、打开已新建的页面文件,引入jquery文件并修改title标签内容

js如何跳转打开远程pdf文件

3、在<body></body>标签中,插入一个超链接标签,属骂宙逃慈性href设置为远程pdf文件路径

js如何跳转打开远程pdf文件

4、保存代码并运行页面文件,打开浏览器,点击跳转两字,进行跳转

js如何跳转打开远程pdf文件

5、跳转成功后,地址栏的地址发生了改变,变成了远程pdf文件路径

js如何跳转打开远程pdf文件

6、修改页面代码,去掉超链接hre酆璁冻嘌f属性,添加一个按钮;在jquery初始化函数中,添加按钮点击事件,设置超链接标签href属性

js如何跳转打开远程pdf文件

7、再次保存代码并刷新浏览器,先点击跳转按钮,然后点击超链接字样,可以跳转到远程pdf文件

js如何跳转打开远程pdf文件

© 一点知识