*这里搞了点麻烦事,因为是通过内置一个小iframe来预览图片,因为firefox不支持客户端的预览,就上传给浏览器
* 然后把页面跳转到这个内置的iframe中,所以处理起来稍微麻烦了点,因为或者这个框架里面的属性本来就够麻烦了
* 而且获得一个img标签的src的时,还被我发现,是获得完整的路径的,和平时我们在一个页面获取到的是不同的(我
* 们平时在一个页面比如 <img src="1.gif">这样的相对路径,但是通过获取框架里面的同时的属性值,得到的src会是
* http://localhost:8080/hao/images/1.gif这样的格式的,),而且更值得注意的是,我们实际应用的时候
* "/"这个东西是tomcat下面的app下的目录,而不是我们项目的名称,因为一个服务器可能同时存在多个项目发布,
* 所以我们这里还要获得我们的项目的名称,这样才能提高移植的效果,
* 另外 我们可以观察http://localhost:8080/hao/images/1.gif
* 这里"hao"是我们项目发布的名称,我们要截取 /hao/images/1.gif这样的字符串
* 这里我用了比较低效的方法,因为 hao前面的那个"/"肯定是第三个斜杠,
* 这里我用了 var contextPath=(u.split("/")[3]);以/来分割,得到的是hao,这里利用了类似java中String的split
* 方法,因为[0]是"http:" ; [1]是""(空字符串,因为//是连着的),[2]是我们的域名,[3]是我们项目名称,
* 得到了hao就好办了
* var headImageUrl=""+u.substring(u.indexOf(contextPath)-1,u.length);
*
* */
var u=document.getElementById("head").contentWindow.document.getElementById('myimg').src;
分享到:
相关推荐
通常,这样的博客可能会涵盖如何使用`iframe`,包括设置`src`属性来指定要加载的URL,调整`iframe`的宽度和高度,以及处理跨域问题等。 标签“源码 工具”暗示了讨论可能涉及到`iframe`的实际代码示例和一些辅助...
1. **阻止默认行为**:通过JavaScript的`event.preventDefault()`方法,可以阻止浏览器对某些事件的默认响应,例如阻止窗口的`blur`事件(即失焦事件)。当检测到试图离开iframe时,执行该方法阻止页面跳转。 2. **...
**iframe的介绍** ...它允许开发者在一个页面中加载多个独立的网页,实现页面内容的并行加载,提高用户体验。iframe通常用于显示广告、嵌入视频、地图等,或者用于实现页面部分的动态更新,比如通过JavaScript动态加载...
Iframe的使用通常涉及到`<iframe>`标签,包括`src`属性来指定要加载的URL,`width`和`height`属性来定义iframe的尺寸,以及`frameborder`等其他属性来调整边框样式。 **拖动功能的实现** 在iframe中,通常涉及到...
问题描述 当我们使用easyui做后台管理系统的时候,会使用tree组件来实现树形菜单,而我们每点击一次相应菜单,会根据是否有url来判断是否是一级菜单,以及是否已经存在 //根据该节点名字判断该节点是否存在 ...
效果图如下所示 ... <!-- 监听ref距离顶部高度 --> 今日热门 今日热销 ... window.addEventListener('scroll',this.handleScrollx,true) ... console.log('距离顶部高度',this.$refs.pronbit.getBounding
使用iFrame嵌套技术实现的网页右下角弹出广告代码,可手动关闭,广告自己也会关闭,当广告的内容播放完毕的时候,自己也就关闭了,在各大门户网站见的比较多,IRAME嵌套也有自己的好处,比如每次更新广告代码比较...
脚本资源,Ajax/JavaScript,右下角,弹窗广告 使用iFrame嵌套技术实现的网页右下角弹出广告代码,可手动关闭,广告自己也会关闭,当广告的内容播放完毕的时候,自己也就关闭了,在各大门户网站见的比较多,IRAME嵌套...
It Is mainly composed of irame conveyor belt, supporting roller, roller, tensioning device and belt conveyor motor device. It can put the material on a certain conveying line and form a conveying ...