在本地创建模式框并在其中加载另一个页面

时间:2018-12-27 18:19:25

标签: javascript

我首先要说的是我的JavaScript知识基本上不存在,但是我知道其他几种语言,因此可以随意将我指向正确的方向而不是对其进行解释,尽管后者会很有用。

我有两个问题: 1.从存储在javascript变量中的HTML创建模式框 2.每次使用自定义URL从另一个页面提取内容(从页面中抓取一个int并将其添加到URL的末尾)

如果HTML代码存储在诸如pastebin之类的东西上,但我想出了如何创建模式框,但似乎无法弄清楚如何在本地进行,有效的URL方式是:

<a href="/URL WITH HTML CODE HERE" rel="modal:open" title="TITLE">TITLE</a>

我现在将HTML代码存储在要使用的变量中。

对于第二个问题,我从页面上拉出一个整数,假设为10,然后需要将此整数添加到URL的末尾,然后我想在页面上使用特定的div并填充模式框已经在div上面创建了。如果不可能,那么我将只知道如何重定向,因为我已经很累了,只是将JavaScript变量名称放在URL的末尾而不是其内容。

var UID = document.querySelector('#inner-container > table > tbody > tr > 
td:nth-child(1) > table > tbody > tr:nth-child(3) > td > span').innerText;

var htmlTEST = '<div class="modal" id="testingHTML">' + '<table 
class="tborder">' + '<tr><td class="thead">' + '<h2 style="margin: 0;">How 
to:</h2>' + '</td></tr>' + ' <input type="text" class="textbox" 
name="comments" size="35" maxlength="250" value="" style="width: 95%">' + ' 
</table> </div';


ButtonStuff();

function ButtonStuff() {
    $(".profile-btns").append(`
        <a style=“width: 200px; 
        length: 450px; 
        color: #fff!important; 
        box-shadow: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.12); 
class="button">Likes Received</a>`
);
}

上面的代码只是创建了我希望所有按钮都可以使用的按钮,以及我的HTML代码和URL所需页面上整数的选择器。

我的理想结果是从另一个页面(我使用int的那个页面)获取一个div,并将其显示在模式框中而无需页面重定向。

0 个答案:

没有答案