Question

Web开发人员将我的javascript代码粘贴到他们的HTML
我的小部件获取网页的网址，并在服务器上查找网址信息，并返回该网页的小部件。

如何创建该javascript？

Answer 1

我不知道任何教程，但这是你可以做的。

这需要2件才能工作。

加载的初始脚本（开发人员在其代码中包含的脚本）
在服务器上生成的第二个脚本，然后由第一个脚本

第一个脚本需要获取域属性，并在请求第二个脚本时将这些属性作为url参数传递。

// script one
// helperscript.js
var head= document.getElementsByTagName('head')[0];
var script= document.createElement('script');
script.type= 'text/javascript';
script.src= 'http://www.yourdomain.com/newscript.php?domain=' + 
     encodeURIComponent(location.hostname);
head.appendChild(script);

然后在服务器上（在这种情况下我将使用php），你只需获得url参数并用它做你需要的东西。作为一个例子，我将使新脚本运行一个以域为值的警报功能。

//php generating script
//newscript.php
<?php
header('Content-Type: application/x-javascript', true); // so the browser knows this is javascript, even though the file has a .php extension
?> 
alert(<?php echo $_GET['domain']; ?>);

多数民众赞成：）

所以你的html页面看起来像这样。

<html>
<head>
    <script src="http://www.yourdomain.com/helperscript.js"></script>
</head>
<body>
</body>
</html>

如果您需要更多说明，请发表评论。此外，我还没有测试过这段代码，因此可能存在一些错误，但方法是正确的。

是否有关于如何创建简单的外部JavaScript小部件的教程？

1 个答案: