用jquery的load方法加载，
例子1（点击按钮加载一个注册页面的所有内容装入div容器）：
$("button")click(function(){
$("div")load('registhtml');
});
例子2（点击按钮加载一个注册页面里面的ID为box的标签里面的所有内容装入div容器）：
$("button")click(function(){
$("div")load("registhtml #box");
});
js获取DIV的位置坐标的方法有三种，分别如下：
方法一：
var odiv=documentgetElementByIdx_x('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 = targetoffsetParent;
while (target)
{
posx += targetoffsetLeft;
posy += targetoffsetTop;
target = targetoffsetParent
}
return pos;
}
var obj = documentgetElementByIdx_x('divid')
alert(GetObjPos(obj)['x']) //x坐标
alert(GetObjPos(obj)['y']) //y坐标
方法三：
function getElementPos(elementId){
var ua = navigatoruserAgenttoLowerCase();
var isOpera = (uaindexOf('opera') != -1);
var isIE = (uaindexOf('msie') != -1 && !isOpera); // not opera spoof
var el = documentgetElementByIdx_x(elementId);
if (elparentNode === null || elstyledisplay == 'none') {
return false;
}
var parent = null;
var pos = [];
var box;
if (elgetBoundingClientRect) //IE
{
box = elgetBoundingClientRect();
var scrollTop = Mathmax(documentdocumentElementscrollTop, documentbodyscrollTop);
var scrollLeft = Mathmax(documentdocumentElementscrollLeft, documentbodyscrollLeft);
return {
x: boxleft + scrollLeft,
y: boxtop + scrollTop
};
}
else
if (documentgetBoxObjectFor) // gecko
{
box = documentgetBoxObjectFor(el);
var borderLeft = (elstyleborderLeftWidth) parseInt(elstyleborderLeftWidth) : 0;
var borderTop = (elstyleborderTopWidth) parseInt(elstyleborderTopWidth) : 0;
pos = [boxx - borderLeft, boxy - borderTop];
}
else // safari & opera
{
pos = [eloffsetLeft, eloffsetTop];
parent = eloffsetParent;
if (parent != el) {
while (parent) {
pos[0] += parentoffsetLeft;
pos[1] += parentoffsetTop;
parent = parentoffsetParent;
}
}
if (uaindexOf('opera') != -1 || (uaindexOf('safari') != -1 && elstyleposition == 'absolute'))
{
pos[0] -= documentbodyoffsetLeft;
pos[1] -= documentbodyoffsetTop;
}
}
if (elparentNode) {
parent = elparentNode;
}
else {
parent = null;
}
while (parent && parenttagName != 'BODY' && parenttagName != 'HTML') { // account for any scrolled
ancestors
pos[0] -= parentscrollLeft;
pos[1] -= parentscrollTop;
if (parentparentNode) {
parent = parentparentNode;
}
else {
parent = null;
}
}
return {
x: pos[0],
y: pos[1]
};
}
var xd = getElementPos("divid");
alert(xdx);
alert(xdy);
直接使用js中的value属相即可获取到输入框的内容。
代码示例如下：
<!DOCTYPE html><html>
<head>
<meta charset="UTF-8">
<title>获取输入框的值</title>
<script type="text/javascript">
windowonload=function(){
var bt=documentgetElementById("bt2");
var btt=documentgetElementById("bt1");
btonclick=function(){
alert(bt1value);
}
}
</script>
</head>
<body>
请输入内容<input type="text" id="bt1" /><br>
<input type="button" id="bt2" value="获取输入数据" />
</body>
</html>
效果如下：
js的引入方法如下： css的引入方法：
采用绝对路径，但为了解决不同部署方式的差别，在所有非struts标签的路径前加${pageContextrequestcontextPath}，如原路径为： ”/images/titlegif”，改为 “${pageContextrequestcontextPath}/images/titlegif”。 代码” ${pageContextrequ
使用和使用${pageContextrequestcontextPath}达到同样的效果
1，首先pageContext是JSP中作用域最小的，但是功能十分强大
2，pageContext一个顶九个，可以通过pageContext获取其他内置对象，
3，在获取项目路径的时候也是通过pageContextrequestcontextPath这个来获取的 4，顺便说一下pageContextge
js获取request中的参数需要使用脚本参数获取的格式：来获龋 举例如下：
你点击菜单栏里的工具->Internet选项，选择高级，把禁用脚本调试（Internet Explorer和其他浏览器的都要）的勾去掉，再进去就好了。你这种情况是JS脚本不能显示的原因，比较老的网页编写的时候不符合XHTML的标准，没有对JS脚本中的部分加以HTML
WEB-INF下的jsp直接在链接中是无法请求到的,需要作一个action或者servlet的跳转，如首页,webxml中的servlet可以这样配置： index 跳转到首页的action index /indexaction 建议把jsp从WEB-INF中拿出来。 参考资料:bbscdnsnet
你这个js代码是写在页面的还是在另外一个文件，如果是写在页面的话， ${pageContextrequestcontestPath}这个你可以直接写在js代码里面，如果你的js是外部文件的话，可能就要麻烦一点： function getRootPath(){ //获取当前网址。
以上就是关于如何用js获取其它页面的内容全部的内容，包括:如何用js获取其它页面的内容、如何用JS 获取DIV的坐标位置、js怎么获取输入框的值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）