js怎样获取iframe,src中的参数

js怎样获取iframe,src中的参数,第1张

/

    取得目标iframe src所包含的参数

    @param iframeId - 目标iframe的id

    @return Object 参数名值对,{参数名:参数值,……}

/

function getIframeParams(iframeId) {

    var regexpParam = /\([\w\d%]+)=([\w\d%])&/g; //分离参数的正则表达式

    var targetEle = documentgetElementById(iframeId);

    

    var paramMap = null;

    

    if(!!targetEle) {

        var url = targetElesrc; //取得iframe的url

        

        var ret;

        

        paramMap = {};//初始化结果集

        

        //开始循环查找url中的参数,并以键值对形式放入结果集

        while((ret = regexpParamexec(url)) != null) {

                //ret[1]是参数名,ret[2]是参数值

            paramMap[ret[1]] = ret[2];

        }

    }

    

    return paramMap; //返回结果集

}

用法:

假设iframe如下

<html>

    <head>

    </head>

    <body>

        <iframe id="test" src="urlparamA=a&paramB=b"></iframe>

    </body>

</html>//获取参数名值对集合

var paramMap = getIframeParams('test');

//paramMap的结构是这样的:{'paramA':'a', 'paramB':'b'}

alert(paramMapparamA); //取出paramA的参数值

    开发中,当执行一个事件时需要去知道触发这个事件的对象是谁?那么,如何获取,在这里我就对 eventsrcElement与eventtarget *** 作获取略作区分 。

eventsrcElement: 表示可以获取当前作用事件的对象。

eventtarget: 事件属性可返回事件的目标节点(触发该事件的节点),如生成事件的元素、文档或窗口。

兼容性:

eventtarget: Ie9+ 火狐、谷歌;

eventsrcElement:ie 678;

srcElement 是 IE 下的属性

target 是 Firefox 下的属性

Chrome 浏览器同时有这两个属性

一、利用eventsrcElement 获取标签:

eventsrcElementtagName :因为它获取出来的都是以 大写 的形式,例如(“A”,“DIV”)所以需要转换 objtagNametoLowerCase()="a"

二、 利用eventsrcElement 获取子对象:

第一个子标签 :eventsrcElementfirstChild;

最后个一个是: eventsrcElementlastChild;

第几个孩子: eventsrcElementchildren[i];

所有孩子: eventsrcElementchildren;

所有孩子节点: eventsrcElementchildNodes;

三、利用eventsrcElement 获取父对象:

eventsrcElementparentElement; 可以理解成是在鼠标所在对象的上一个对象。

四、venttarget的 判断使用  

 js中事件是会泡的,eventtarget它永远是直接接受事件的目标DOM元素  

一般是获取这个对象的id,兼容的写法如下:

var targetId = eventtarget eventtargetid : eventsrcElementid;

获取id后再拿到事件中去判断。

谢谢观读~

��

//你要的正则表达式

var test = /\/([^\/]\jpg)/i;

var str = '<img title="C:\Users\Administrator\Pictures\2014113171913jpg" alt="C:\Users\Administrator\Pictures\2014113171913jpg" src="/upload/image/14067766625992018jpg"/>';

var img = testexec(str)[1];

alert(img);

<!DOCTYPE html>

<html>

<head>

    <title></title>

    <script src=";

试试行不行,本人没试过。。。

js获取DIV的位置坐标的方法大概有两种:

第一种:编辑代码:var odiv=documentgetElementById('divid');

alert(odivgetBoundingClientRect()left);

alert(odivgetBoundingClientRect()top);

第二种:编辑代码function CPos(x, y) {thisx = x; thisy = y;} / 得到对象的相对浏览器的坐标/ function GetObjPos(ATarget {var target = ATarget;var pos = new CPos(targetoffsetLeft, targetoffsetTop);var target =targetoffsetParentwhile (target  posx += targetoffsetLeft  posy += targetoffsetTop; target = targetoffsetParent }return pos; }var obj =  documentgetElementById('divid') alert(GetObjPos(obj)['x'])//x坐标alert(GetObjPos(obj)['y'])//y坐标

SPAN 和 DIV 的区别在于,DIV(division)是一个块级元素,可以包含段落、标题、表格,乃至诸如章节、摘要和备注等。而SPAN 是行内元素,SPAN 的前后是不会换行的,它没有结构的意义,纯粹是应用样式,当其他行内元素都不合适时,可以使用SPAN

第一种通过获取

第二种通过[]获取

那什么时候用点获取什么时候[]呢,可以在不同场景使用

两个的相同点:都是获取对象属性值

不同点:

1 [ ]运算符可以使用字符串变量的内容作为属性名,点运算符不能

普通常量赋值的时候可以用点运算符,其他可以用[]运算符,

javascript中imgsrc属性可以获取到的完整路径, 相对路径要通过与相对位置计算得出。计算方法:

先要明确自己的相对位置在哪,这个是需要人为指定的。

核心代码如下:

var res=documentgetElementById("img")src;

var root_href='根目录路径';

res=documentgetElementById("img")srcreplace(root_href,'');

用jquery方法

var res=$("#img")attr("src");

res=ressubstring(resindexOf("根")+2);

更多关于在上传文件的过程得到完整路径的方法请参考如下:

fileselect();

var res=documentselectioncreateRange()text;

var res=filefilesitem(0)getAsDataURL();

var res=filevalue

以上就是关于js怎样获取iframe,src中的参数全部的内容,包括:js怎样获取iframe,src中的参数、JS轻松获取对象之srcElement与target篇、js正则获取字符串中所有图片名称等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9295077.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-26
下一篇 2023-04-26

发表评论

登录后才能评论

评论列表(0条)

保存