gpt4 book ai didi

javascript - onclick Javascript html加载,但视觉上很小。不确定发生了什么?

转载 作者:太空宇宙 更新时间:2023-11-04 09:15:37 25 4
gpt4 key购买 nike

Onclick javascipt 元素将外部 html 加载到 div 中,但它被限制在带有垂直滚动条的左侧 float 150x100px“框”中。

我假设我必须在加载时添加信息以指定大小,但我不确定该怎么做?

主文件中的点击事件

<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>

最佳答案

Onclick javascipt element loads external html into div,

没有。你没有 <div>根本没有元素。您正在放置 <object>进入 <article> .外部 HTML 加载到 <object> . (尽管我不知道为什么你不只使用为此设计得更好的 <iframe>)。

I am assuming that I have to add information to specify the size when loading, but I am not sure on how to do this?

使用 CSS heightwidth属性。

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

关于javascript - onclick Javascript html加载,但视觉上很小。不确定发生了什么?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41796098/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com