在html中关于若是function的函数名和input的name同样会发生怎样的现象

时间 2019-11-11

标签 html 关于若是 function 函数 input 同样发生怎样现象栏目 HTML 繁體版

原文原文链接

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="2_PageMethods.aspx.cs" Inherits="MsdnWebCast_WebSerivce1._2_PageMethods" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:ScriptManager ID="ScriptManager1" runat="server" EnablePageMethods="true"></asp:ScriptManager>
    </div>
        <script type="text/javascript">
            function getCurrentTime() {
                PageMethods.GetCurrentDatetime(onsuccessed);
            }
            function onsuccessed(result) {
                alert(result);
            }
        </script>
        <input type="button" name="getCurrentTime" value="get Current Time " onclick="getCurrentTime()" />
    </form>
</body>
</html>

能够看到上面的代码中有一个js的function名字叫getCurrentTime，另外咱们还有一个input的那么也叫getCurrentTime，那么运行期会发生什么现象呢javascript

看看IE中的效果html

看看chrome中的效果java

缘由：系js中一切皆对象，无论什么类型均不能重名，重名的话，即会致使后一个对系那个覆盖前一个对象。chrome

若是把input的name改为其余名字，好比getCurrentTime1,就能够了。ui