Question

Onclick javascipt元素将外部html加载到div中，但是它被限制为左浮动150x100px＆＃34;框＆＃34;带有垂直滚动条。

我假设我必须添加信息以指定加载时的大小，但我不确定如何执行此操作？

主文件中的Onclick事件

<a href="#" class="homeButton" onclick="homeClick()">Home</a>

外部文件中的Javascript元素

function homeClick(){
    document.getElementById("content").innerHTML='<object type="text/html" data="include/home.html" ></object>';
}

主文件中的文章div

<article class="content" id="content"></article>

外部文件中的文章css

article{
    clear:both;
    margin-top:25px;
    margin-right:25px;
    margin-bottom:25px;
    margin-left:25px;
    padding:0px;
    text-align:left;
}

已加载的内容

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head></head>
<body>
    <h2>Contact</h2>
    <p></p>
    <h2>News Letter</h2>
    <p></p>

Answer 1

Onclick javascipt元素将外部html加载到div中，

没有。您根本没有<div>个元素。您将<object>放入<article>。外部HTML已加载到<object>中。（虽然你为什么不使用专为此设计的<iframe>，但我不知道。）

我假设我必须添加信息以指定加载时的大小，但我不确定如何执行此操作？

使用CSS height和width属性。

object {
    height: 500px;
    width: 27ex;
}

Onclick Javascript html加载，但视觉上很小。不知道发生了什么事？

1 个答案: