Java小强个人技术博客站点    手机版
当前位置： 首页 >> JS

利用JS绘制一个动态表格，高亮表格并连线

3670 JS | 2025-4-2 16:49
基于需要画一个线路图的需求，由于本人只会一些古老的JS，因此考虑使用表格实现这个功能。首先动态绘制一个固定行和列的表格，然后给每个单元格赋予一个ID，增加一个点击的监听事件，当收到点击事件时，把当前背景样式改为红色，并进行连线。首先看图1可以看到，绘制的表格已经均匀绘制满了屏幕的一块固定区域，然后点击某个单元格，会高亮该点，并且绘图。但是这样很丑，正常我们会......查看详细

使用JavaScript控制<video>视频播放

36560 JS | 2023-6-6 14:46
HTML <video> 元素 用于在 HTML 或者 XHTML 文档中嵌入媒体播放器，用于支持文档内的视频播放。你也可以将 <video> 标签用于音频内容，但是 <audio> 元素可能在用户体验上更合适。在不支持 video 元素的浏览器中，<video></video> 标签中间的内容会显......查看详细

汉字与拼音互转的JS工具库

43731 JS | 2021-6-30 17:20
一个实现汉字与拼音互转的小巧web工具库https://github.com/sxei/pinyinjs/ 第一个功能就是汉字转拼音，支持多音字，输出结果如下第二个是有了一个自定义的词库，注意是词库，如果输入多音字的词汇时，会更准确的识别第三个就是拼音转汉字，并实现了一个JS的输入法如何使用/**  * 获取汉字的拼音首字母 ......查看详细

去掉script标签src后的参数时间戳

42150 JS | 2021-6-19 9:02
有这样一个操作，使用Ajax请求返回HTML，然后使用append增加到当前页面。$(function(){ $.ajax({ url : _basePath + '/getHTML.action' , success : function(data)&nb......查看详细

JS动态加载引入JS文件

61931 JS | 2021-6-18 9:18
1.调整标签位置可以把<script>标签放到HTML文档的最后面，这样不影响页面加载。2.合并+压缩JS文件减少请求次数和文件传输，压缩分两种自行压缩把注释空格等去掉，例如jquery.min.js服务器传输时GZIP压缩，这个压缩浏览器拿到后需要解压缩3.无堵塞加载通过给script标签增加 defer属性或者是 async 属性来实现<......查看详细

简单实用的软键盘

38230 JS | 2021-6-1 10:35
酒逢知己饮，诗向会人吟。相识满天下，知心能几人？相逢好似初相识，到老终无怨恨心。近水知鱼性，近山识鸟音。易涨易退山溪水，易反易覆小人心。运去金成铁，时来铁似金。读书须用意，一字值千金。逢人且说三分话，未可全抛一片心。有意栽花花不发，无心插柳柳成荫。画虎画皮难画骨，知人知面不知心。钱财如粪土，仁义值千金。实在是没啥写的，就是分享几个JS的软键盘输入，以上为增广......查看详细

定制js的alert和confirm

40110 JS | 2021-5-18 8:50
window对象的alert和confirm标准方法在不同浏览器的显示效果不太相同，有个相同点是都不是很美观。我们的想法是使用js和css分别仿照它们，提供另一套函数，使在不同浏览器的有着相同的体验效果。另外系统的提示框格式是固定的，无法自定义，使用自己编辑的弹出框可以定制弹出的内容样式。为了保留原有的alert和confirm方法，我们不直接替换windo......查看详细

WebAPI学习Window: beforeunload event

41951 JS | 2021-5-13 10:50
当浏览器窗口关闭或者刷新时，会触发beforeunload事件。当前页面不会直接关闭，可以点击确定按钮关闭或刷新，也可以取消关闭或刷新。事件使网页能够触发一个确认对话框，询问用户是否真的要离开该页面。如果用户确认，浏览器将导航到新页面，否则导航将会取消。根据规范，要显示确认对话框，事件处理程序需要在事件上调用preventDefault()。但是请注意，并非......查看详细