JavaScript与jQuery实用代码片段集合

"本文主要分享了JavaScript和jQuery的实用代码段，包括页面离开时的检测、图片加载状态的判断、IFrame内容的获取与设置、获取浏览器上一页URL以及处理移动端点击冒泡事件的方法。" 在JavaScript中，`onbeforeunload`事件是一个非常有用的特性，用于在用户即将离开页面时执行某些操作。例如，你可能想在用户未保存更改的情况下警告他们。在提供的代码中，`onbeforeunloadFn`函数被用来记录或处理离开页面的情况。`showOnbeforeunload`函数是一个开关，根据`flags`参数决定是否启用`onbeforeunload`事件。在页面加载完成后，通过jQuery的`$(function(){...})`匿名函数立即调用`showOnbeforeunload(true)`来激活这个功能。 在jQuery中，检查图片是否已加载完毕可以通过检查`img`元素的`complete`属性。当`this.complete`为`true`时，表示图片已经加载完成。在示例中，`imgStatus`变量被用来计数已完成加载的图片数量。 对于嵌入的`iframe`，我们可以通过JavaScript获取其内容。首先，通过jQuery选择器找到`iframe`并设置一个ID，然后使用`getElementById`获取`iframe`的`contentWindow`属性，这将允许我们访问`iframe`内部的DOM对象。接着，可以使用`innerText`属性设置`iframe`内的文本内容。 获取浏览器上一页URL的方法是通过访问`document.referrer`属性，这个属性通常包含用户从哪个URL导航到当前页面的信息。然而，如果用户是直接打开新窗口或者刷新页面，`document.referrer`可能为空。 在移动端，由于触摸事件与传统点击事件的区别，有时我们需要处理点击冒泡问题。这里使用了jQuery的`live`方法（尽管在较新的jQuery版本中已被`on`方法取代）来监听`tap`事件，并通过`event.stopPropagation()`和`event.preventDefault()`阻止事件的默认行为和冒泡，确保点击事件只在目标元素上触发。 这些代码段展示了JavaScript和jQuery在实际应用中的常见用法，对于开发过程中解决特定问题非常有帮助。开发者可以根据自己的需求，灵活运用这些代码片段来优化用户体验或实现特定功能。