理解window.undefined = window.undefined

最新推荐文章于 2022-12-10 14:20:48 发布
最新推荐文章于 2022-12-10 14:20:48 发布 · 383 阅读 · 0
文章标签：

#IE #Ajax #框架 #浏览器

本文探讨了在老版本Internet Explorer中处理undefined属性的方法。通过给window对象的undefined属性赋值为undefined，可以避免因该属性不存在而引发的错误。
在当前流行的Ajax框架源码会看到如下代码:

     window.undefined = window.undefined;


或者


     window['undefined'] = window['undefined'];



简单的说就是给window对象的undefined子对象赋上undefined, 在较老的浏览器window对象并没有undefined这个子对象, 所以如果使用到undefined的操作将会导致异常, 故采用window.undefined = window.undefined; 咋一看, 写法有点BT, 无法理解。在老版本的IE中window.undefined因为没有这个对象将为返回一个undefined, 在新版的IE中window.undefined = undefined, 所以采用这种方式就会避免版本较老的IE没有undefined这个对象的影响
window.parent调用父框架时 ie跟火狐不兼容问题
09-05
在Web开发中，跨框架通信是一个常见的...总的来说，理解不同浏览器之间的差异并编写健壮的、兼容性良好的代码是Web开发中的重要技能。通过遵循最佳实践和不断测试，我们可以确保我们的应用在各种浏览器中都能正常运行。
js事件源window.event.srcElement兼容性写法(详解)
10-21
在IE浏览器中，我们可以通过window.event.srcElement属性来访问事件源，但在Firefox等其他浏览器中，这一属性是不存在的，因此需要寻找兼容性写法。这篇文档便是对window.event.srcElement属性及其兼容性写法的详细...
window.undefined=window.undefined
dowhathowtodo
08-13 283
在jquery中我们见到window.undefined=window.undefined的写法，今日又在ext中见到window["undefined"]=window["undefined"]，对其写法非常不理解，将自身赋给自身有什么意义，在网上狂搜一番也没有明确的解释，后来看到ext注释写了这么一句：for old browsers，很明显是为了兼容老的浏览器，思虑半天，似乎有了些理解。 ...
有关window.undefined=window.undefined写法的理解(Ext2学习总结) 转
亮星空
09-27 530
 在jquery中我们见到window.undefined=window.undefined的写法，今日又在ext中见到window["undefined"]=window["undefined"]，对其写法非常不理解，将自身赋给自身有什么意义，在网上狂搜一番也没有明确的解释，后来看到ext注释写了这么一句：for old browsers，很明显是为了兼容老的浏览器，思虑半天，似乎有了些理解。 ...
window undefined 被赋值问题
galenjiang的博客
07-28 704
1. 无论定义var  或是直接赋值  不能被改变 undefined     aler()undefined                console()undefined window         alert() object window     console() html window 2. 在封闭空间内   正常变量，如不传进去，window，undefi
JS 关于(function( window, undefined ) {})(window)写法的理解
yijiupingfan0914的博客
04-23 1206
JS 关于(function( window, undefined ) {})(window)写法的理解这是一个闭包，立即运行程序，带window参数那个更好些，每次就不用再从window对象里 查找了。意思是，把window对象传入这个匿名函数中，并且同时执行这个函数，在页面载入之前就执行；小括号有返回值，也就是小括号内的函数或者表达式的返回值，所以说小括号内的function返回值等于小括号的...
这个什么意思function getViewportWidth() { if (window.innerWidth!=window.undefined) return window.innerWidth; if (document.compatMode=='CSS1Compat') return document.documentElement.clientWidth; if (document.body) return document.body.clientWidth; return window.undefined; }
06-06
这也是一个 JavaScript 函数，用于获取当前浏览器...4. 如果以上方法都无法获取到可视宽度，则返回 undefined。 该函数可以在编写网页时，用于获取浏览器窗口的可视宽度，以便在调整布局或计算元素位置等方面使用。
这个什么意思function getViewportHeight() { if (window.innerHeight!=window.undefined) return window.innerHeight; if (document.compatMode=='CSS1Compat') return document.documentElement.clientHeight; if (document.body) return document.body.clientHeight; return window.undefined; }
06-06
这是一个 JavaScript 函数，用于获取当前浏览器窗口...4. 如果以上方法都无法获取到可视高度，则返回 undefined。 该函数可以在编写网页时，用于获取浏览器窗口的可视高度，以便在调整布局或计算元素位置等方面使用。
if(''+window.localStorage.name1 =='undefined'){ window.localStorage.name1='计算机科学'; window.localStorage.name='数据结构'; change(window.localStorage.name); }
07-14
这段代码首先检查 `window.localStorage.name1` 的值是否为 `undefined`。如果是，则将其设置为字符串 `'计算机科学'`。然后，将 `window.localStorage.name` 设置为字符串 `'数据结构'`。最后，调用名为 `change` ...
浏览器调试报错plus is not defined
yhj198927的博客
09-09 5142
浏览器是不能调试H5+,只能用手机进行调试,相当于在app内置了一个支持html5+的内核,该内核支持plus对象.所以没有plus库,也不用引用库.就像js中我们使用document对象,但从来没有引document库一样的道理。在使用plus时，需要在plus ready后再调用plus。
你不知道的undefined？
bug收集
06-02 1449
面试时，经常会被问到 对undefined的理解？ 本文, 针对undefined做了超详细的总结 ，请仔细看哦~~ 1、undefined 即是一个原始数据类型，也是一个原始值。 2、undefined 是全局对象上的一个属性 window.undefined。 console.log( window.undefined );​// undefined 3、不可写 writable: false window.undefi...
【JavaScript】window与undefined作为参数的作用
weixin_33743661的博客
05-06 631
本文行文流程 两个大的信息来源：teacher与segmentfault论坛，以此分为两大板块 第一大板块：一个普通的自调用函数==》加了各种参数的自调用函数==》参数的两个作用==》类比到jQuery的源代码封装==》结论 第二大板块：论坛的问题==》论坛的被采纳的回答==》简易版的回答，回答中解释了为什么要加上window,jque...
undefined 属性总结
javascriptmvp的专栏
09-16 894
undefined 表示一个未声明的变量，或已声明但没有赋值的变量，或一个并不存在的对象属性。
uniapp调用h5 api 解决 plus is undefined
Ttowx的博客
04-28 2815
使用条件编译，如调用cemera // #ifdef APP-PLUS var cmr = plus.camera.getCamera(2); cmr.captureImage(function§ { plus.io.resolveLocalFileSystemURL(p, function(entry) { compressImage(entry.toLocalURL(),entry.name); }, function(e) { plus.nativeUI.toast(“读取拍照文件错误：” + e.m
解决sublime直接运行js文件，涉及到this和window的时候总是显示undefined的方法
threewhisky的博客
04-25 1080
先说解决办法：用html文件引入这个js文件，然后在控制台查看结果。或直接在html文件中的js标签中写代码，然后再控制台查看结果。 下面是过程和原理： 今天看项目的时候，遇到了this指向问题，便去复习了this指向问题。看的过程中想验证一下一些猜想，便用sublime打开一个test.js文件直接运行代码看结果，代码是一个基础的this指向问题的例子： var a = 1; funct...
node环境下运行js代码缺少window环境原因与解决方案
热门推荐
m0_59585734的博客
12-10 1万+
node环境下运行js代码缺少window环境原因与解决方案
uniapp app webview window.uni = undefined
最新发布
12-07
<think>我们正在解决在uni-app App的webview中遇到`window.uni`为`undefined`的问题。根据引用内容，这个问题通常是因为在webview中引入的`uni.webview.js`脚本中注册的`uni`对象被覆盖了（因为uni-app项目本身也有一个`uni`对象）。以下是解决方案： ### 解决方法 1. **修改`uni.webview.js`源码**：将脚本中注册的`uni`对象改为其他名称（例如`webUni`），以避免与uni-app自带的`uni`对象冲突。具体步骤如下： - 下载`uni.webview.js`文件（例如从阿里云CDN下载：`https://js.cdn.aliyun.dcloud.net.cn/dev/uni-app/uni.webview.1.5.2.js`）。 - 在文本编辑器中打开该文件，查找所有`uni.`的引用，并将其替换为自定义的名称（例如`webUni`）。 - 注意：主要替换对象注册的代码，例如将`window.uni = ...`改为`window.webUni = ...`。 2. **在HTML文件中使用修改后的脚本**：在`template.h5.html`（或其他HTML模板文件）中引入修改后的`uni.webview.js`文件，然后使用新的对象名（如`webUni`）进行通信。 ```html <script src="修改后的uni.webview.js路径"></script> <script> // 使用webUni代替uni document.addEventListener('UniAppJSBridgeReady', function() { webUni.postMessage({ data: '消息内容' }); }); </script> ``` 3. **在Vue中全局挂载修改后的对象**（可选，但推荐）：如果需要在Vue组件中使用，可以在`main.js`中全局挂载修改后的对象（如`webUni`）为`Vue.prototype`的属性，或者使用其他全局方式（如引用[2]所示）： ```javascript // main.js // #ifdef H5 import webUni from '@/utils/修改后的uni.webview.js'; // 修改后的文件路径 // #endif // #ifdef H5 Vue.prototype.$webUni = webUni; // 挂载到Vue原型 // #endif ``` 然后，在Vue组件中可以通过`this.$webUni`来访问。 4. **在webview页面中使用新对象**：在webview的H5页面中，使用修改后的对象（如`webUni`）进行通信： ```javascript // 在H5页面中 document.addEventListener('UniAppJSBridgeReady', function() { webUni.postMessage({ data: '消息内容' }); }); ``` ### 注意事项 - **确保引入顺序**：在H5模板中，确保修改后的`uni.webview.js`在uni-app框架加载之后引入，以避免覆盖问题。 - **通信方法**：使用`webUni.postMessage`代替`uni.postMessage`。 - **监听事件**：在H5页面中，仍然需要等待`UniAppJSBridgeReady`事件触发后再调用`webUni.postMessage`。 ### 引用说明 根据引用[1]，通过修改`uni.webview.js`中的对象名（例如改为`webUni`）可以解决覆盖问题。引用[2]提供了一种在Vue中全局挂载修改后对象的方法。引用[3]和[4]则提供了背景知识，说明uni-app App端与webview通信的机制。 通过以上步骤，应该能够解决`window.uni`为`undefined`的问题。 [^1]: 引用[1]中提到修改`uni.webview.js`文件，将注册的`uni`对象换名（如`webUni`）。 [^2]: 引用[2]展示了如何在Vue项目中全局挂载修改后的对象。 [^3]: 引用[3]提供了App端与webview通信的背景。 [^4]: 引用[4]是uni-app官方文档关于webview通信的部分。 §§相关问题§§ 1. 如何修改`uni.webview.js`文件以避免覆盖问题？ 2. 在uni-app中，如何实现App端与webview的双向通信？ 3. 除了修改对象名，还有哪些方法可以解决全局变量冲突问题？ </think> ### Uniapp App Webview中`window.uni = undefined`的解决方案 #### 问题原因 在 Uniapp 的 App Webview 中，`window.uni` 被覆盖或未正确初始化，导致为 `undefined`。主要原因是： 1. **对象覆盖冲突**：Uniapp 自带的 `uni` 对象与 `uni.webview.js` 注册的 `uni` 对象冲突（引用[1]）。 2. **脚本加载顺序问题**：`uni.webview.js` 未在 UniAppJSBridgeReady 事件后执行（引用[4]）。 --- ### 解决方案（分步实现） #### 方法一：修改 `uni.webview.js` 源码（推荐） 1. **下载并修改脚本**： - 从 CDN 下载 `uni.webview.js`（如 `https://js.cdn.aliyun.dcloud.net.cn/dev/uni-app/uni.webview.1.5.2.js`） - 将文件中所有 `uni.` 替换为 `webUni.`（避免覆盖）[^1] ```javascript // 修改前：window.uni = {...} // 修改后：window.webUni = {...} // 关键修改点 ``` 2. **在 HTML 模板中使用修改后的脚本**（`template.h5.html`）： ```html <script src="/修改后的/uni.webview.js"></script> <script> document.addEventListener('UniAppJSBridgeReady', () => { // 使用 webUni 代替 uni webUni.postMessage({ data: "Hello App" }); // ✅ 正常通信 }); </script> ``` #### 方法二：全局挂载新对象（Vue项目） 1. **在 `main.js` 中挂载自定义对象**（引用[2]）[^2]： ```javascript // main.js // #ifdef H5 import uWeb from "@/utils/修改后的-uni.webview.js"; // 修改后的文件 Vue.prototype.$uWeb = uWeb; // 挂载到Vue原型 // #endif ``` 2. **在 Webview 页面调用**： ```javascript // Vue组件中 this.$uWeb.postMessage({ data: "消息内容" }); ``` --- ### 完整示例代码 ```html <!-- template.h5.html --> <script> document.addEventListener('UniAppJSBridgeReady', () => { // 检查对象是否存在 if (window.webUni) { webUni.postMessage({ action: "ready" }); // ✅ 成功通信 } else { console.error("webUni undefined!"); // ❌ 错误处理 } }); </script> ``` --- ### 注意事项 1. **事件监听顺序**：必须在 `UniAppJSBridgeReady` 事件触发后调用 `postMessage`（引用[4]）[^4]。 2. **iOS 特殊处理**：iOS 需额外配置 `allowsInlineMediaPlayback` 等属性（引用[3]）[^3]。 3. **替代方案**：若不想修改源码，可使用 `window.parent.postMessage` 实现跨页面通信（引用[3]）[^3]。 > **关键点总结**：通过重命名 `uni.webview.js` 的全局对象（如 `webUni`）避免覆盖，并确保在正确事件中初始化。 : 引用[1]指出需手动修改 `uni.webview.js` 中的对象名避免覆盖。 [^2]: 引用[2]提供全局挂载自定义对象的方案。 [^3]: 引用[3]提到 iOS 设备和跨页面通信的替代方案。 : 引用[4]强调 `UniAppJSBridgeReady` 事件是通信前提。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值