Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/shell/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
HTML输入onclick到javascript?_Javascript_Html_Google Maps - Fatal编程技术网

HTML输入onclick到javascript?

HTML输入onclick到javascript?,javascript,html,google-maps,Javascript,Html,Google Maps,我是JavaScript新手,我正在尝试将我的按钮链接到c:驱动器上JavaScript文件中的外部函数。当前代码看起来像 <button type="button" id="btnPoint" style="width: 90px; height: 30px;" onClick="MapPoint()" > 我希望它做的是转到JavaScript文件(src=“../\u JavaScript/Map.js)并运行MapPoint()函数。这必须是可能的吗 谢谢, <b

我是JavaScript新手,我正在尝试将我的按钮链接到c:驱动器上JavaScript文件中的外部函数。当前代码看起来像

<button type="button" id="btnPoint" style="width: 90px; height: 30px;" onClick="MapPoint()" >

我希望它做的是转到JavaScript文件(src=“../\u JavaScript/Map.js)并运行MapPoint()函数。这必须是可能的吗

谢谢,


<button type="button" id="btnPoint" style="width: 90px; height: 30px;" onClick="JavaScript:MapPoint()" >
在页眉中包含包含此内容的JavaScript文件

<script src="./_JavaScript/Map.js"></script>

您需要包含包含函数的外部文件

在html中,将脚本标记添加到javascript文件:

<script type="text/javascript" src="path/to/jsfile/js"></script>

只要在页面上定义了一个名为“MapPoint”的函数,您所拥有的功能就可以正常工作

<script src="./JavaScript/Map.js"></script>
您的功能应可用于此页面,或者包含在页面中,或者链接到外部文件。它可以在线托管在某个位置,或者仅相对于此页面的URL…但不应链接到实际的
C:\
(出于安全原因…并且当您发布此页面时,它将不起作用)

不过,纯粹主义者会建议对代码进行一些修改

  • 如果您使用
    onclick
    属性,那么现在大多数开发人员都使用小写
  • 通常函数按惯例以小写字母开头…例如
    mapPoint();
  • 为了保持整洁,您可能希望将这些函数放在一个单独的文件中,该文件可以由最终用户的浏览器缓存(使用)
  • 如果您最终使用jQuery(或类似的东西),您可以通过不使用onclick属性而是通过jQuery选择器将事件绑定到元素来使代码更简洁(尽管有点抽象)
  • 要在外部文件中包含函数,只需在页面中添加这样的标记

    <script src="./JavaScript/Map.js"></script>
    

    您有两条基本路线:

  • 您可以打开静态html文件,该文件在任何地方都使用相对链接来引用其他资源。因此,如果
    Map.js
    与html文件一起位于
    \u javascript
    文件夹中,则可以使用
    包含javascript文件
  • 您可以在您的计算机上本地托管一个Web服务器,以提供来自您的计算机的静态和动态内容

  • 最简单的方法是执行以下操作:

  • 通过web服务器运行HTML(Apache on*nix或IIS on Windows)
  • 将HTML文件和javascript文件放在同一文件夹中
  • 编辑HTML文件以在底部包含一行:
  • 确保在
    Map.js
    文件中正确定义了
    MapPoint()

  • 按照阿格雷森说的做,然后在按钮上添加事件

    var bt = document.getElementById('btnPoint');
    bt.addEventListener('click', function () { MapPoint();}, false);
    

    可以从使用Web服务器开始,然后学习创建网站的基础知识。在
    “JavaScript:MapPoint()”
    中,“JavaScript:”部分被视为一个未使用的标签。我认为您将内在侦听器与在元素的href属性中使用JavaScript伪协议混淆了。