javascript怎么实现打开新窗口显示图片

2025-12-30 16:14:06

1、新建一个html文件,命名为test.html,用于实现在新窗口打开图片。

javascript怎么实现打开新窗口显示图片

2、在test.html页面,使用img标签创建一张图片,并给img标签一个a链接,链接href属性设置为图片的链接。

javascript怎么实现打开新窗口显示图片

3、给a标签绑定onclick点击事件,当链接被点击时,触发点击事件执行OpenFullSizeWindow()函数,函数的参数为 a标签的链接。

javascript怎么实现打开新窗口显示图片

4、创建OpenFullSizeWindow()函数,定义弹出窗口的外观参数,并把它存储在sBaseCmd变量中。

javascript怎么实现打开新窗口显示图片

5、使用window.open()方法在新窗口打开图片,window.open()方法参数为图片的链接和设置的参数。

javascript怎么实现打开新窗口显示图片

6、上面步骤实现了在新窗口打开图片,但是打开图片的是固定的窗口大小,想要实现以图片实际宽高打开图片,还需要创建一个checkImg()函数来实现图片以实现宽高打开图片。代码如下:

javascript怎么实现打开新窗口显示图片

7、在浏览器运行test.html,点击图片,成功实现以图片的实际宽高打开。

javascript怎么实现打开新窗口显示图片

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢