js中命名是错的，js命名空间使用方法

js冲突怎么解决

a．最容易出现的就是js的命名冲突

①、变量名冲突

变量有全局变量和局部变量当全局变量变量和局部变量名称一致时，就会js冲突，由于变量传递数值或地址不同就会产生JavaScript错误，甚至死循环。

②、方法名冲突

函数中有很多方法，不同的js之间可能函数名一样，这就使得程序执行时不知道改调用那个方法或者哪个方法执行后的结果，最终导致程序加载失败。

③、函数名冲突

一般是命名导致JS冲突。解决方法主要是查找在加载的js中是否具有相同命名的情况，然后修改命名

b．onload 事件冲突

如果在js中调用了window.onload = function()，同时在页面上又有body onload语句,会导致window.onload事件覆盖掉body onload事件而出现错误.

解决方法：attachEvent给onload添加所需运行的函数。

c . 浏览器不兼容问题，虽然这个不属于js冲突但是也常见的js的原因之一

①document.form.item 问题

(1)现有问题: 现有代码中存在许多document.formName.item("itemName") 这样的语句，不能在Fx 下运行

(2)解决方法: 改用document.formName.elements["elementName"]

②集合类对象问题

(1)现有问题: 现有代码中许多集合类对象取用时使用()，IE 能接受，Fx 不能。

(2)解决方法: 改用[] 作为下标运算。如:document.forms("formName") 改为document.forms["formName"]。又如:document.getElementsByName("inputName")(1) 改为document.getElementsByName("inputName")

③window.event

(1)现有问题: 使用window.event 无法在Fx 上运行

(2)解决方法: Fx 的event 只能在事件发生的现场使用，此问题暂无法解决。可以这样变通:

原代码(可在IE中运行):

代码:

inputtype="button" name="someButton" value="提交

"onclick="javascript:gotoSubmit()"/

...

script language="javascript"

function gotoSubmit() {

...

alert(window.event);

// use window.event

...

}

/script

新代码(可在IE和Fx中运行):

代码:

input type="button" name="someButton" value="提交"

onclick="javascript:gotoSubmit(event)"/

...

script language="javascript"

function gotoSubmit(evt) {

evt = evt ? evt : (window.event ? window.event : null);

...

alert(evt);

// use evt

...

}

/script

此外，如果新代码中第一行不改，与老代码一样的话(即gotoSubmit 调用没有给参数)，则仍然只能在IE中运行，但不会出错。所以，这种方案tpl 部分仍与老 代码兼容。

④HTML 对象的id 作为对象名的问题

(1)现有问题 ：在IE 中，HTML 对象的ID 可以作为document 的下属对象变量名直接使用。在Fx 中不能。

(2)解决方法 ：用getElementById("idName") 代替idName 作为对象变量使用。

⑤用idName字符串取得对象的问题

(1)现有问题 ：在IE中，利用eval(idName) 可以取得id 为idName 的HTML 对象，在Fx 中不能。

(2)解决方法 ：用getElementById(idName) 代替eval(idName)。

⑥变量名与某HTML 对象id 相同的问题

(1)现有问题 ：在Fx 中，因为对象id 不作为HTML 对象的名称，所以可以使用与HTML 对象id 相同的变量名，IE 中不能。

(2)解决方法 ：在声明变量时，一律加上var ，以避免歧义，这样在IE 中亦可正常运行。

此外，最好不要取与HTML 对象id 相同的变量名，以减少错误。

⑦event.x 与event.y 问题

(1)现有问题 ：在IE 中，event 对象有x, y 属性，Fx中没有。

(2)解决方法 ：在Fx中，与event.x 等效的是event.pageX。但event.pageX IE中没有。

故采用event.clientX 代替event.x。在IE 中也有这个变量。

event.clientX 与event.pageX 有微妙的差别(当整个页面有滚动条的时候)，不过大多数时候是等效的。 如果要完全一样，可以稍麻烦些:

mX = event.x ? event.x : event.pageX;

然后用mX 代替event.x

(3)其它：event.layerX 在IE 与Fx 中都有，具体意义有无差别尚未试验。

⑧关于frame

(1)现有问题 ：在IE中 可以用window.testFrame取得该frame，Fx中不行

(2)解决方法 ：在frame的使用方面Fx和ie的最主要的区别是: 如果在frame标签中书写了以下属性:

frame src="xx.htm" id="frameId" name="frameName" /

那么ie可以通过id或者name访问这个frame对应的window对象，而Fx只可以通过name来访问这个frame对应的window对象，例如如果上述frame标签写在最上层的window里面的htm里面，那么可以这样访问

ie: window.top.frameId或者window.top.frameName来访问这个window对象

Fx: 只能这样window.top.frameName来访问这个window对象

另外，在Fx和ie中都可以使用window.top.document.getElementById("frameId")来访问frame标签 ，并且可以通过window.top.document.getElementById("testFrame").src = 'xx.htm'来切换frame的内容 ，也都可以通过window.top.frameName.location = 'xx.htm'来切换frame的内容

⑨在Fx中，自己定义的属性必须getAttribute()取得

⑩在Fx中没有parentElement parement.children 而用

parentNode parentNode.childNodes

childNodes的下标的含义在IE和Fx中不同，Fx使用DOM规范，childNodes中会插入空白文本节点。

一般可以通过node.getElementsByTagName()来回避这个问题。 当html中节点缺失时，IE和Fx对parentNode的解释不同，例如：

form

table　

input/　

/table　

/form

Fx中input.parentNode的值为form, 而IE中input.parentNode的值为空节点

Fx中节点没有removeNode方法，必须使用如下方法node.parentNode.removeChild(node)

d . const 问题

(1)现有问题: 在IE 中不能使用const 关键字。如const constVar = 32; 在IE中这是语法错误。

(2)解决方法: 不使用const ，以var 代替。

.. body 对象

Fx的body在body标签没有被浏览器完全读入之前就存在，而IE则必须在body完全被读入之后才存在

. url encoding

　 在js中如果书写url就直接写不要写例如var url = 'xx.jsp?objectName=xxobjectEvent=xxx';

frm.action = url那么很有可能url不会被正常显示以至于参数没有正确的传到服务器

一般会服务器报错参数没有找到,当然如果是在tpl中例外，因为tpl中符合xml规范，要求书写为

一般Fx无法识别js中的

e . nodeName 和tagName 问题

(1)现有问题: 在Fx中，所有节点均有nodeName 值，但textNode 没有tagName 值。在IE 中，nodeName 的使用好象

有问题(具体情况没有测试，但我的IE已经死了好几次)。

(2)解决方法: 使用tagName，但应检测其是否为空。

元素属性：IE下input.type属性为只读，但是Fx下可以修改

document.getElementsByName() 和document.all[name] 的问题

(1)现有问题: 在IE 中，getElementsByName()、document.all[name] 均不能用来取得div 元素(是否还有其它不能取的元素还不知道)。

js随机命名引用不会出错吗？

通过webpack等编译工具对js文件名进行hash取值，然后编译系统在找到引用的地方，把文件名对应改变

不是人工改的，只要配置好了都是自动生成的

js函数命名问题

一种：

var show = {};

show.pro = {};

show.pro.create = function(){

    alert('1');

};

另一种：

var create = function(){

    alert('1');

};

show.pro.create()和create()结果是一样的。

但为什么有第一种写法？

第一种写法的作用是：

    1、加前缀可以作为一个命名空间防止跟其他同名函数冲突。

    2、可以把函数进行分类，方便管理，比如show可以作为一个命名空间，pro下面还可以有        pro.del 、 pro.update

欢迎大家补充

JS 函数问题？

兄弟你几个地方写错了

1、js事件名称写错了。是onclick不是onclik，少了一个c

2、获取控件是getElementById，不是getElemenById,少了一个t

3、逻辑不够严谨，如果文本框没有输入内容就提示对了。

修改后的代码如下：

!DOCTYPE html

html

head

    mate charset="UTF-8"

titleInsert title here/title

script

    //网页加载时直接生成随机数，

    //该数在body加载钱就有了，所以

    //用户点击猜时在对应函数内可以用。

    //0=x1

    var ran = parseInt(Math.random() * 100);

    //无论此函数写在前面还是这里，它都是在用户点击按

    //钮时调用的，它都比生成的随机数执行的晚。

    function guess() {

        //获取文本框里的值

        var n = document.getElementById("num").value;

        var span = document.getElementById("result");

        if (n == "") {

            span.innerHTML = "请在文本框输入数字";

            return;

        }

        //判断该值是否为数字

        if (isNaN(n)) {

            //不是数字，给予提示

            span.innerHTML = "请输入数字";

        } else {

            //是数字，和随机数比较

            if (n  ran) {

                span.innerHTML = "太小了";

            } else if (n  ran) {

                span.innerHTML = "太大了";

            } else {

                span.innerHTML = "对了";

            }

        }

    }

/script

/head

body

    input type="text" id="num" /

    input type="button" value="猜" onclick="guess();" /

    span id="result"/span

/body

/html

以下哪个变量名是非法的? javascript

答案选B 2numb。

JavaScript变量命名规则如下：

一、变量名区分大小写，允许包含字母、数字、美元符号($)和下划线，但【第一个字符不允许是数字】，不允许包含空格和其他标点符号

二、变量命名长度应该尽可能的短，并抓住要点，尽量在变量名中体现出值的类型

三、尽量避免使用没有意义的命名

四、禁止使用JavaScript关键词、保留字全名

五、变量名命名方法常见的有匈牙利命名法、驼峰命名法和帕斯卡命名法

可以在浏览器中直接测试：

js中命名是错的的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于js命名空间使用方法、js中命名是错的的信息别忘了在本站进行查找喔。