javascript - JQuery 使用传递的参数值通过 $(document).ready 初始化页面

Question

我正在尝试访问或创建一个通过 <a> 传递的参数值在另一个 javascript 文件中可见。我不知道该怎么做。

我有 ff。转到新页面的代码行:student_learn_topiclink.php 每次单击链接时

var topicLink = $('<a>' + topicTitle+ '</a>').addClass('topic_link').attr('href','view/student_learn_topiclink.php?topicId=' + topicId).attr('target','_blank');

这是点击 topicLink 后地址栏中显示的内容

http://localhost/cai/view/student_learn_topiclink.php?topicId=5

我想在 student_learn_topiclink page 中使用值 5的 JS 文件。

如何公开或制作 topicId = 5在 student_learn_topiclink 中可见JS文件？

在student_learn_topiclink.js ，我想做这样的事情，

$(document).ready(function(){

    alert(topicId);

});

Answer 1

参见 this thread关于使用 javascript 检索 URL 参数。对于您的具体示例，请尝试以下操作:

var url_string = window.location.href;
var url = new URL(url_string);
var topicId = url.searchParams.get("topicId");
console.log(topicId);  

fiddle 示例:http://jsfiddle.net/craftman32/yxrvbcun/1/