![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端代码实例
前端-DK
14年从事前端,多多指教
展开
-
前端学习代码实例-JavaScript阻止事件冒泡
任何现象都可能是双刃剑,有时候利用事件冒泡能够带来便利性,但是有时候也会带来不便。下面通过带来实例介绍一下如何阻止事件冒泡。代码实例如下:]<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="author" content="http://www.softwh...原创 2019-04-29 17:04:20 · 350 阅读 · 0 评论 -
前端学习代码实例-JavaScript 生成随机数
分享一段非常强大的随机数生成功能代码实例,有需要的朋友可以做一下参考。代码实例如下:(function(){ var charCodeIndex = [[48,57],[65,90],[97,122]]; var charCodeArr = []; function getBetweenRound(min,max){ return Math.floor(min+M...原创 2019-04-29 17:02:50 · 1225 阅读 · 0 评论 -
前端学习代码实例-JavaScript 阻止击超链接的跳转
点击链接具有跳转效果,但是有时我们不需要这种效果。下面就通过代码实例介绍一下如何实现此效果。代码如下:<!DOCTYPE html><html><head><meta charset=" utf-8"><meta name="author" content="http://www.softwhy.com/" /><t...原创 2019-04-29 17:02:36 · 401 阅读 · 0 评论 -
前端学习代码实例-JavaScript 图片等比例缩放裁切详解
本文将通过代码实例详细介绍一下如何实现图片等比例缩放裁切效果。图片有两种应用方式,一种作为子元素存在,一种是作为背景图片。在每一种应用方式中,图片的等比例缩放又可以大致分为如下几种情况:(1).确保图片能够填充满元素,超出的部分被裁切或者隐藏。(2).确保图片的长或者宽填充满元素,超出的部分被裁切或者隐藏。下面通过代码实例分别介绍一下上述列举的中可能,需要的朋友可以做一下参考。一.作为...原创 2019-04-29 17:02:22 · 1671 阅读 · 0 评论 -
前端学习代码实例-JavaScript动态创建div并写入文本
介绍一下如何利用JavaScript动态创建div元素,然后在其中写入文本。代码实例如下:<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> &l...原创 2019-04-29 17:01:38 · 1074 阅读 · 0 评论