`

文件夹选择及滚动条是否到底部判断

阅读更多

文件夹选择:

<html>
	<head>
		<title>上传本地文件夹路径</title>
		<script type="text/javascript" language="javascript">
/*
* 特别注意的是,由于安全方面的问题,你还需要如下设置才能使本JS代码正确运行,
* 否者会出现"没有权限"的问题.
*
* 1、设置可信任站点(例如本地的可以为:http://localhost)
* 2、其次:可信任站点安全级别自定义设置中:设置下面的选项
* "对没有标记为安全的ActiveX控件进行初始化和脚本运行"----"启用" 
*/
function browseFolder(path) {
    try {
        var Message = "\u8bf7\u9009\u62e9\u6587\u4ef6\u5939"; //选择框提示信息
        var Shell = new ActiveXObject("Shell.Application");
        var Folder = Shell.BrowseForFolder(0, Message, 64, 0x11);//起始目录为:我的电脑
		//var Folder = Shell.BrowseForFolder(0,Message,0); //起始目录为:桌面
        if (Folder != null) {
             Folder = Folder.items(); // 返回 FolderItems 对象
             Folder = Folder.item(); // 返回 Folderitem 对象
             Folder = Folder.Path;   // 返回路径
            if (Folder.charAt(Folder.length - 1) != "\\") {
                 Folder = Folder + "\\";
             }
            document.getElementById(path).value = Folder;
            return Folder;
         }
     }
    catch (e) {
         alert(e.message);
     }
}

</script>
	</head>
	<body>
		<table>
			<tr>
				<td>
					<input type="text" name="path" />
				</td>
				<td>
					<input type="button" onclick="browseFolder('path')" value="选择文件夹" />
				</td>
			</tr>
		</table>
	</body>
</html>

 判断滚动条是否到底(仅适用于火狐,IE会提示两次,不明原因):

<html >
	<head>
		<title>下拉滚动条滚到底部了吗?</title>
		<script language="javascript">
			function scrollTo() {
				var scroller = document.getElementById("div1");
				var nDivHight = scroller.style.height;
				var nScrollHight = scroller.scrollHeight;//滚动距离总长(注意不是滚动条的长度)
				var nScrollTop = scroller.scrollTop;//滚动到的当前位置
				if (parseInt(nScrollTop) + parseInt(nDivHight) == nScrollHight) {
					alert("滚动条1到底部了");
				}
			}
			function scrollTo2() {
				var scroller = document.getElementById("div2");
				var nDivHight = scroller.style.height;
				var nScrollHight = scroller.scrollHeight;//滚动距离总长(注意不是滚动条的长度)
				var nScrollTop = scroller.scrollTop;//滚动到的当前位置
				if (parseInt(nScrollTop) + parseInt(nDivHight) == nScrollHight) {
					alert("滚动条2到底部了");
				}
			}
		</script>
	</head>
	<body>
		<div id="div1"
			style="overflow-y: auto; overflow-x: hidden; height: 500px;"
			onScroll="scrollTo()">
			<div style="background-color: #ccc; height: 750px;">
				内部div高度为750,外部div高度为500,所以垂直滚动条需要滚动750-500=250的距离,就会到达底部
			</div>
		</div>
		<br/>
		<div id="div2"
			style="overflow-y: auto; overflow-x: hidden; height: 200px;border: 1px;border: 1px dashed red"
			onScroll="scrollTo2()">
			滚动<br/>滚动<br/>滚动<br/>滚动<br/>滚动<br/>滚动<br/>滚动<br/>滚动<br/>滚动<br/>滚动<br/>
			滚动<br/>滚动<br/>滚动<br/>滚动<br/>滚动<br/>滚动<br/>滚动<br/>滚动<br/>滚动<br/>滚动<br/>
		</div>
	</body>
</html>
 
分享到:
评论

相关推荐

    jquery动态滚动条加载效果.zip

    })`监听滚动事件,然后通过`$(window).scrollTop()`获取滚动条顶部距离页面顶部的距离,`$(document).height()`获取文档总高度,`$(window).height()`获取窗口可视区域高度,判断是否接近页面底部。 2. **设置阈值...

    jquery滚动滚动条加载数据 类似瀑布流

    我们可以在事件处理函数中判断页面是否已经滚动到接近底部,如果接近,就通过Ajax请求获取更多的数据并添加到页面中。 **实现瀑布流布局** 瀑布流布局的关键在于每个元素的定位,需要根据其相邻元素的高度来调整...

    jquery实现始终固定在网页底部菜单提示导航代码.zip

    5. 逻辑判断:在滚动事件的回调函数中,使用$(window).scrollTop()获取滚动条的位置,如果达到某个条件(如距离底部一定距离),则显示或更新导航提示。 这样的代码示例对于初学者来说是很好的学习资源,可以让他们...

    手机下拉加载更多数据

    - 加载更多:当滚动到底部时,可以通过监听`scrollEnd`事件并判断是否达到底部,然后动态加载新数据。 2. `iScroll 5`的改进: - Pull-to-Refresh:通过`options.scrollbars: true`和`options.pullToRefresh: ...

    页面滑到底端弹出提示表单

    判断是否到底部的常见方法是检查滚动条的位置与文档总高度的关系,如`$(window).scrollTop() + $(window).height() &gt;= $(document).height()`。 2. **提示表单的设计**:表单元素(如`&lt;form&gt;`)需要预先在HTML文件...

    专升本计算机基础判断题试题及答案.docx

    31. 不是所有窗口都会有水平或垂直滚动条,取决于窗口内容是否超出显示范围。 32. 同配置的计算机,桌面外观可能因用户设置而不同。 33. 剪贴板的信息在下次开机后不会保留。 34. 最大化后的窗口无法通过拖动改变...

    文章管理系统

    3.[改进]为了后台系统安全,后台登录页不用判断是否已登录状态并自动跳转到管理页 4.[改进]后台编辑器CKEditor V3.6.1升级到CKEditor V3.6.6 5.[改进]前台编辑器KindEditor V3.5.5升级到KindEditor V3.5.6 6.[纠正]...

    HTML5点击放大图片的图片展示特效.rar

    HTML5点击放大图片的图片展示特效,鼠标放在图片上,会显示出文字描述,若点击图片,则在当前页无刷新...本代码中可以设置点击直接显示原图,如果移动至下面则IE浏览器报错,智能判断窗口的滚动条是否接近页面底部。

    计算机应用基础判断题.doc

    3. **Windows操作系统**:窗口的高度和宽度可通过拖动边框改变,而不是滚动条;标题栏拖动可移动窗口。 4. **硬件组成部分**:计算机由中央处理器(CPU)、主存储器、外围设备(包括显示器、打印机、键盘等)构成,...

    试谈计算机的基本操作.doc

    - **窗口操作**:窗口是进行大部分操作的界面,包括标题栏、控制按钮、菜单栏、工具栏、工作区、状态栏和滚动条。窗口可以移动、改变大小、排列、切换和关闭。 3. **Windows的资源管理器** - **文件操作**:文件...

    vc常用控件程序

    5. **列表框(ListBox)**:显示一系列可选项,用户可以通过滚动条查看和选择项目。 6. **组合框(ComboBox)**:结合了列表框和编辑框的功能,可以下拉选择已有的选项,或者手动输入新的值。 7. **进度条(ProgressBar...

    上拉加载更多demo(iscroll _v4.2.5).zip

    在这个项目中,CSS文件可能包含了实现滚动效果的样式,如滚动条样式、元素定位、动画效果等,以确保滚动过程中的视觉平滑。 5. **images**和**json**:这两个文件夹分别存放了项目中的图片资源和JSON数据。JSON文件...

    webQQ效果,可拖拽div以及自动翻页

    通过监听滚动事件,判断是否到达页面底部,如果达到则加载更多内容。例如: ```javascript window.onscroll = function() { if ((window.innerHeight + window.scrollY) &gt;= document.body.offsetHeight) { // ...

    2021-2022计算机二级等级考试试题及答案No.9149.docx

    19. Word 滚动条:Word 文档编辑区右侧的滚动条允许用户在垂直方向上滚动查看文档内容。 20. IE 收藏夹:IE 浏览器的收藏夹存储的是网页的链接,而非网页内容本身。 21. Visual FoxPro 打开数据库:在 Visual ...

    7z网上购物

    支持商城首页导航条自定义,根据个人需要,可以设置某个商品分类是否在导航条上显示,设置后的导航条鼠标指向相应分类同时会显示出所有下属类别,点开后显示相应商品;强大的DIY首页功能同样如此,除了特价和促销...

    微信小程序仿拉钩App小程序.zip

    - 滑动效果:实现列表的滑动加载更多,通过监听滚动事件判断是否到底部,触发加载新数据。 - 弹窗提示:在用户操作成功或失败时,使用微信小程序的弹窗组件进行反馈。 - 点击反馈:为按钮和列表项添加点击效果,...

    手机 pdf 阅读器

    查看文件详情时会根据大小来判断是否显示K或M了 增加歌词同步功能(暂时不支持触屏操作) /** * 1:上一首 * 2:列表上 * 3:下一首 * 4:列表上一页 * 5:播放当前列表中选中的项 * 6:列表下一页 * 7...

    淡入无限加载瀑布流网页

    通过JavaScript监听滚动事件,判断滚动条的位置,当接近页面底部时,向服务器发送请求获取新的数据并动态添加到页面中。在实际应用中,可以结合AJAX实现异步加载,以减少页面刷新带来的用户体验中断。 3. **淡入...

    笔记本电脑故障应急速查万用全书.pdf

    - **出现滚动条后黑屏死机故障的排除** - 可能是显卡驱动不兼容或硬件故障。 - 更新显卡驱动或更换显卡测试。 - **调整Windows设置后系统无法启动故障的排除** - 如果在调整了系统设置后出现问题,可以尝试使用...

Global site tag (gtag.js) - Google Analytics