有没有办法在打开页面之前更改页面的元素

时间:2019-05-27 00:21:59

标签: javascript html css dom bootstrap-4

我设计了一个页面用作工具。我在这里遇到了一些挑战,因为我在该领域的经验很少,而且只是新知识。 -我的目标是更改尚未打开的页面上元素的值。 -我是否可以在当前页面上执行更改下一页上元素的值以将其预设为一些静态数字或其中一些为动态

的功能?

我不知道该如何操作尚未打开的东西,我什至不知道这是否有可能。我能够在打开的当前页面上更改元素,但是如果我单击其中一个链接,则不知道如何在下一页上进行更改

        <a href="https://rex.reportexecdirect.com/intelligarde/CESIReportExec/Reporting/ParkingPermit.aspx?groupid=174" class="btn btn-info mx-1" role="button">Park Property Management</a>
        <a href="https://rex.reportexecdirect.com/intelligarde/CESIReportExec/Reporting/ParkingPermit.aspx?groupid=121" class="btn btn-info mx-1" role="button">Millgate Manor</a>
        <a href="https://rex.reportexecdirect.com/intelligarde/CESIReportExec/Reporting/ParkingPermit.aspx?groupid=166" class="btn btn-info mx-1" role="button">Weston Towers</a>
        <a href="https://rex.reportexecdirect.com/intelligarde/CESIReportExec/Reporting/ParkingPermit.aspx?groupid=290" class="btn btn-info mx-1" role="button">Kingston</a>
        <a href="https://rex.reportexecdirect.com/intelligarde/CESIReportExec/Reporting/ParkingPermit.aspx?groupid=190" class="btn btn-info mx-1" role="button">Region Of Peel</a>  

所以我希望单击其中一个链接,并且当链接打开链接中的某些元素时,我需要使用一些始终为静态的值填充它们

1 个答案:

答案 0 :(得分:0)

您不能使用JavaScript在当前页面中直接影响另一个页面的内容。那会带来很大的安全隐患。

但是,如果您可以访问两个页面的源代码,则可以间接影响内容,并且可以向两个页面都添加JavaScript。然后,如一些评论所建议的,您可以例如在链接URL中使用搜索参数来传递信息。 (搜索参数有时是出现在网址末尾的东西,看起来像LRESULT CALLBACK WndProc(HWND hWnd, UINT uMsg, WPARAM wParam, LPARAM lParam) { char szText[100]; HPEN hPen; PAINTSTRUCT ps; static POINT pOint; static BOOL bSw = TRUE; static HWND hButtStart, hButtExit, hButtStop; HDC hDC, hMemDC, hMemDC1; static int aX = 0, aY = 0; static int bX = 0, bY = 321; switch (uMsg) { case WM_COMMAND: switch (LOWORD(wParam)) { case ID_ACTION_START: SetTimer(hWnd, 1, 100, NULL); break; case ID_ACTION_STOP: KillTimer(hWnd, 1); break; } return FALSE; case WM_TIMER: aX = aX + 5; if (aX < 0)aX = 640; InvalidateRect(hWnd, NULL, TRUE); UpdateWindow(hWnd); bX -= 2; if (bX > 640)bX = 0; return FALSE; case WM_PAINT: hDC = GetDC(hWnd); hMemDC = CreateCompatibleDC(hDC); SelectObject(hMemDC, hBmpAir); BitBlt(hDC, aX, aY, 127, 37, hMemDC, 0, 0, SRCCOPY); SelectObject(hMemDC, hBmpBack); BitBlt(hDC, bX, bY, 640, 150, hMemDC, 0, 0, SRCCOPY); BitBlt(hDC, bX - 640, bY, 640, 150, hMemDC, 0, 0, SRCCOPY); ReleaseDC(hWnd, hDC); DeleteDC(hMemDC); return FALSE; case WM_DESTROY: PostQuitMessage(0); return FALSE; } return DefWindowProc(hWnd, uMsg, wParam, lParam); }

您可以在此处阅读有关在JavaScript中使用搜索参数的更多信息: https://developer.mozilla.org/en-US/docs/Web/API/URLSearchParams

别灰心!当您尝试使事情正常进行时,您的能力将会增强。 (这几乎是他们成长的唯一时间。)

请注意!

使用搜索参数修改或在页面上显示内容时请格外小心,因为其中涉及一些实际的安全问题。在没有首先验证输入的情况下,切勿在页面上直接显示搜索参数中的任何内容。处理基于搜索参数的动态内容的一种好方法,至少在您知道可用选项的情况下,是有一些.page1{ width: 700px; height: 820px; margin-top: 39px; padding: 2em; color: white; background-color: green; position: absolute; top: 0; bottom: 0; z-index: -1; } 语句,或者是您尝试将搜索参数与之匹配的?name=john&id=555块,并且如果该参数的内容与您期望的任何输入都不匹配,则根本不显示任何内容。