用新网址打开一些东西而不重新加载

时间:2018-06-06 12:17:30

标签: javascript php jquery ajax

如何在不重新加载页面的情况下使用新网址打开叠加内容。至于,reddit和facebook这样做。在新的reddit设计中,当我们点击任何帖子时,它会以新网址覆盖打开。

2 个答案:

答案 0 :(得分:2)

两个简单的选项,一个使用jquery,另一个使用vanilla JavaScript:

  1. 创建一个包含初始display: none的div,您可以jQuery.load()将所需内容从其他页面this is my elements (console) image 添加到其中,并在display: block打开时设置#include <iostream> #include <thrust/device_vector.h> using namespace thrust; using namespace std; struct Test { int value; __device__ __host__ Test() { value = 0; } __device__ __host__ ~Test() {} }; int main() { device_vector<Test> test_d = device_vector<Test>(); cout << "First" << endl; test_d.push_back(Test()); cout << "second" << endl; test_d.push_back(Test()); cout << "done" << endl; return 0; }
  2. 与1相同,但使用iframe

答案 1 :(得分:0)

一种方法是创建iframe然后编写其文档。我追加iframe,抓住innerHTML的{​​{1}}并将其写入foo

iFrame

的示例
iframe

Code Ground Online JavaScript Compiler上进行了测试。

第二种方法是使用<!DOCTYPE html> <html> <title>Test</title> <head> <script type="text/javascript"> function createDynamicFrame() { var iframe = document.createElement('iframe'); var html = document.getElementById('foo').innerHTML; document.body.appendChild(iframe); iframe.contentWindow.document.open(); iframe.contentWindow.document.write(html); iframe.contentWindow.document.close(); } </script> </head> <body> <div id="foo"> I come home in the morning light <br/> My mother says when you gonna live your life right <br/> Oh mother dear we're not the fortunate ones <br/> And girls they wanna have fun <br/> Oh girls just want to have function <br/> <br/> </div> <button onclick="createDynamicFrame()">Click me</button> </body> </html> 并写入文档。

窗口示例

window.open()

Code Ground Online JavaScript Compiler上进行了测试。

我确信存在更多可能性,例如使用jQuery。

  

JavaScript and iFrames