javascript - 是否有关于如何创建简单的外部 javascript 小部件的教程?

标签 javascript html css widget

<分区>


要求我们推荐或查找书籍、工具、软件库、教程或其他场外资源的问题对于 Stack Overflow 来说是偏离主题的,因为它们往往会吸引自以为是的答案和垃圾邮件。相反,请描述问题以及迄今为止为解决该问题所做的工作。

关闭 8 年前

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

我如何创建该 javascript?

最佳答案

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

这需要 2 件才能工作。

  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 - 是否有关于如何创建简单的外部 javascript 小部件的教程?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7840415/

上一篇:jquery 对话框和 css 问题给痛苦

下一篇:css - 水平居中div

相关文章:

css - 最后一行列表项在 IE7 上缺少底部边距

html - 找不到我的 div 周围边框的来源

javascript - 错误: [$injector:unpr] Unknown provider: a

javascript - 如何检测 JQuery-Mobile 对话框已关闭

javascript - 将税务程序中的一个函数传递给另一个函数

css - Div容器溢出

javascript - 使用 Gulp 基于 Handlebars 模板编译 partials 和 markdown

html - 在显示移动时 Bootstrap 不需要的空白

php - 如何让我的用户无风险地插入 HTML 代码? (不仅是技术风险)

html - 将边距应用于复选框输入而不是其标签