Question

我想要实现的是点击整个HTML页面，现在它很快就会出现。

这是我的代码现在的样子，我点击我的div：

<a href="#" onclick="loadPage()">Hyperlink</a>

初始化一个javascript函数，然后将我的HTML页面加载到这个div中：

<div id="pageContent"> </div>

这是功能：

function loadPage()
{
    var fullHeight = window.screen.availHeight - 265;
    var objectOne = '<object style="width:100%;height:';
    var objectTwo = ';" type="text/html" data="test.html" ></object>'
    document.getElementById("pageContent").innerHTML=objectOne+fullHeight+"px"+objectTwo;
}

其他信息： 我还不熟悉jQuery库，但是我会接受使用它的解决方案，如果它描述了它中发生了什么，我想学习。

Answer 1

jQuery使事情变得简单。

使用

将jQuery添加到页面

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>

给你的锚一个id

<a id="trigger" href="#" onclick="loadPage()">Hyperlink</a>

jQuery的：

$('#trigger').click(function() { 
$('#pageContent').fadeIn();
});

（注意：确保在页面加载时隐藏Div）

Answer 2

这里是jquery解决方案

http://jsfiddle.net/e4PZX/3/

这段代码可以解决问题：

$('#fadeIn').click(function() {
    $('#wholePage').fadeOut();
});

淡入整个HTML页面的功能？

2 个答案: