我在一家在多个国家设有部门的公司工作。在我们当地的部门,我们可以将自己的东西放在网站上,但有很多限制。我在 html 和 jquery 中创建了一个订单表格,所有内容都在一个文件中。当我在 Internet Explorer、Opera 或 Firefox 中从 C:\ 运行此文件时,它完全可以正常工作。
输入对我们本地网站施加的限制:我不能在 html 页面中输入超过 20 000 个字符。我在我们的本地网站上测试了表单的早期版本,它可以工作,它包含 html 和 jquery,但它远低于 20 000 个字符。现在,仅 HTML 部分就有 15 000 个字符,而 jquery 有 75 000 个字符。因此,将 HTML 和 javascript 放在单独的文件中是有意义的。
输入另一个限制:我无法将 .js 文件上传到我们的本地服务器。我想我可以说服总部的人让我这样做,但要说服他们需要一些时间。同时我想找到一些解决方法来发布一个功能表单,这样我们的客户就可以开始试用订单表单,当他们看到一个工作演示时,更容易说服总公司。
https://gist.github.com/是一个任何人都可以输入一些 javascript 并制作可访问的 javascript 的地方。我首先在 Opera 上进行了尝试,它成功了,但由于某种原因,它在 Internet Explorer 中无法正常工作。我尝试了很多不同的东西,直到我最终创建了一个像这样的完全基本的 HTML 页面(插入一个头部以使其在浏览器中工作):
<HTML>
<body>
<style type="text/css">
</style>
<SCRIPT src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></SCRIPT>
<FORM enctype="application/x-www-for m-urlencoded" NAME="orderForm" id="orderForm" ACTION="" METHOD="get">
<input type="button" id="TestButton" onclick="TestFunction()" value="some value">
<SCRIPT src="https://raw.github.com/gist/2643863/30916820b71be3f9b89ad41ef060a2dd784b620e/VerySimpleTest.js" type="text/javascript"></SCRIPT>
<!--SCRIPT src="simpleSCRIPTtest.js"></SCRIPT-->
</form>
</body>
</HTML>
我在本地访问 .js 文件和从 Gist 页面之间交替访问,因此是注释的 SCRIPT 行。脚本是这样的:
function TestFunction() {
alert("This works!");
}
在 Opera 中,它在本地和 Gist 都可以正常工作。在本地加载脚本时,它在 IE 中运行良好,但是当我尝试使用 Gist 页面作为脚本源并按下按钮时,我收到错误消息“属性 'TestFunction' 的值为 null 或未定义,而不是函数对象”。
如果由我决定,我会告诉我们所有的客户使用 Opera 或 Chrome,但恐怕这不是一个选择。有谁知道为什么这在 IE 中不起作用?如果是这样,是否知道如何创建一个我的 HTML 页面可以访问的外部 .js 文件,该文件适用于 IE、Opera、Chrome 和 Firefox?