剑鱼论坛  发表于 2020年01月11日     剑鱼论坛 回复于 163天前    最后浏览于 12小时前
 2
富文本编辑HandyEditor是鲶鱼cms的作者开发的一款前端页面的富文本编辑器,有着小巧易用,方便灵活的特点,是一款轻量型的富文本编辑器。 我们在编辑完文本后需要把内容上传到后端服务器,可以有两种方法选择: 一种是使用ajax方法,Handyeditor有一个函数可以实现在ajax方法下面获取编辑器的内容,如下: he.getHtml(); 使用上面的函数调用后,我们就能够获取编辑器里面的内容了。 另一种是直接使用form表单上传,也是传统的表单上传方式,下面我们着重来看一下,Handyeditor怎么实现页面表单上传,作为例子,我们假设...
 剑鱼论坛163天前说:编辑器同步使用“he.sync();”
剑鱼论坛
LV 7 大学
最后在线:15小时前
加入时间:2年前
主帖:138  跟帖:92
 剑鱼论坛  发表于 2021年02月01日    最后浏览于 95天前
 0
我们在用jquery对表单元素CheckBox进行判断是否选中的时候,经常可以有下面这几种判断方法。 第一种:is方法 代码如下: if($('#checkbox').is(':checked')){ // do something } 第二种:prop方法 代码如下: if($('#checkbox').prop('checked')){ // do something } 第三种:get方法 代码如下: if($("#che...
剑鱼论坛
LV 7 大学
最后在线:15小时前
加入时间:2年前
主帖:138  跟帖:92
 剑鱼论坛  发表于 2021年01月26日    最后浏览于 15天前
 0
我们在写前端页面的时候,经常会使用到刷新当前页面的功能,这篇我们来介绍HTML页面刷新的三种方法。 第一种方法:reload() reload()方法用于刷新当前文档,类似于你浏览器上的刷新页面按钮。 代码如下: location.reload(); 第二种方法:replace() replace() 方法是用一个新文档取代当前文档。 代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> &...
剑鱼论坛
LV 7 大学
最后在线:15小时前
加入时间:2年前
主帖:138  跟帖:92
 剑鱼论坛  发表于 2020年06月27日    最后浏览于 18天前
 0
我们在使用jquery对HTML表单中的单选按钮radio进行取值和赋值该怎么实现? 我们先来看下面的代码。 假设有以下的HTML代码: <input type="radio" name="test" value="1"> <input type="radio" name="test" value="2"> 现在我们要通过jquery来对上面的单选按钮进行取值和赋值操作。继续往下看。 我们可以使用以下...
剑鱼论坛
LV 7 大学
最后在线:15小时前
加入时间:2年前
主帖:138  跟帖:92
 剑鱼论坛  发表于 2020年06月27日    最后浏览于 22天前
 0
我们在用jquery操作select下拉框的时候,一般情况下,如果select是单选的,那么我们会比较方便地使用如下代码来获取值: $("#select option:selected").val(); 我们还可以设置某个select选项被选中,即设置值: $("#select option[value='v']").prop("selected",true); 但是当select是多选的情况,即select有multiple属性的情况下,我们使用以上方法会丢失部...
剑鱼论坛
LV 7 大学
最后在线:15小时前
加入时间:2年前
主帖:138  跟帖:92
 剑鱼论坛  发表于 2020年03月05日    最后浏览于 1天前
 0
对于图片居中我们可以用css样式代码的“text-center”来实现,但是当我们使用前端框架Bootstrap3时,通过这个方法图片居中却会失效,没法简单用text-center来实现图片居中。 那么使用Bootstrap3时,是否有简单的方法来实现图片居中呢? 答案是有的,Bootstrap3已经为我们准备好了。我们只需要像下面的代码这样就可以实现图片居中: <img class="center-block" src="图片地址"> 以上代码的“center-block”就是用来实现图片居...
剑鱼论坛
LV 7 大学
最后在线:15小时前
加入时间:2年前
主帖:138  跟帖:92
 剑鱼论坛  发表于 2020年02月27日    最后浏览于 1天前
 0
我们在写HTML页面的时候,经常会用到超链接标签,点击超链接后就可以跳转到另一个页面,这个超链接的代码如下: <a href="http://jianyuluntan.com">剑鱼论坛</a> 上面的代码就是一个超链接代码,反映在网页里面就是一个超链接文字,文字的内容是“剑鱼论坛”,点击这几个字后,浏览器就能够跳转到地址“http://jianyuluntan.com”,但是这个跳转是在同一个浏览器窗口里面进行的。有的时候,我们希望点击文字后保留现有窗口,并且打开另一个窗口来显示这个新页面,该怎么实现呢...
剑鱼论坛
LV 7 大学
最后在线:15小时前
加入时间:2年前
主帖:138  跟帖:92
 剑鱼论坛  发表于 2020年02月13日    最后浏览于 6天前
 0
我们在编写jQuery代码的时候,有的时候会发现智能的IDE会提示如下信息: Checks that jQuery selectors are used in an efficient way. It suggests to split descendant selectors which are prefaced with ID selector and warns about duplicated selectors which could be cached. 这是什么意思呢? 这是让你用有效的方式使用jQuery选择器,也就是你的代码写得...
剑鱼论坛
LV 7 大学
最后在线:15小时前
加入时间:2年前
主帖:138  跟帖:92
 剑鱼论坛  发表于 2020年02月05日    最后浏览于 51天前
 0
我们在制作页面的时候,现在普遍是使用css来控制页面的样式,对于页面上的链接,a标签也不例外,我们可以通过css来设置其样式,例如我们需要把链接设置为红色,那么可以用以下的代码实现: a:link {color:#FF0000;} 我们知道对于链接还有其他不同的状态,例如已经被访问过的链接,鼠标滑过链接等等,这些状态的显示都可以用css来控制,我们先看下面的代码: a:link {color:#FF0000;} /* 未访问的链接 */ a:visited {color:#00FF00;} /* 已访问的链接 */ a:hover {color:...
剑鱼论坛
LV 7 大学
最后在线:15小时前
加入时间:2年前
主帖:138  跟帖:92
 剑鱼论坛  发表于 2020年01月31日    最后浏览于 33天前
 0
css的position属性是用于元素定位的,我们使用position可以对元素进行绝对定位,相对定位等定位设置。 在bootstrap4里面我们可以不用写css代码方便地实现元素定位,我们来看一下怎么实现的。 先来看下面的代码: <div class="position-static">...</div> <div class="position-relative">...</div> <div class="position-absolute...
剑鱼论坛
LV 7 大学
最后在线:15小时前
加入时间:2年前
主帖:138  跟帖:92
 剑鱼论坛  发表于 2020年01月27日    最后浏览于 7小时前
 0
现代HTML页面的要求基本上会要求图片能够自适应屏幕,这样的网页不但在pc端可以正常显示图片,同时在手机端等小屏幕上也可以正常显示图片,这篇我们来介绍一下如何使用bootstrap4实现图片自适应。 bootstrap4实现图片自适应是比较简单的,只需要加一个样式就可以了,下面我们来看代码: <img src="..." class="img-fluid"> 以上代码就可以实现图片的自适应,看上面的代码,我们可以发现,其实要实现图片自适应,我们只需要给img标签添加“img-fluid”就可以了...
剑鱼论坛
LV 7 大学
最后在线:15小时前
加入时间:2年前
主帖:138  跟帖:92
 剑鱼论坛  发表于 2020年01月17日    最后浏览于 1天前
 0
bootstrap4的使用是很方便的,这种方便体现在很多方面,现在我们将介绍其中一个,就是假设我有一段很长的文字需要显示在页面,但是为了排版好看,我又不希望这段文字全部显示在页面上,而仅仅显示到某一行,这行显示不下的文字自动用省略号来表示,说明后面还有没有显示出来的内容。 举个例子来说,假设我们有以下的文字内容: 剑鱼论坛很好用,操作和管理都很简单有效,我很喜欢剑鱼论坛,我也会推荐别人使用。 上面这段文字比较长,假设我们能够容纳文字的元素长度不够,并且我们不希望文字分成两行显示,如下: 剑鱼论坛很好用,操作和管理都很简单有效,我很喜欢剑鱼论坛....
剑鱼论坛
LV 7 大学
最后在线:15小时前
加入时间:2年前
主帖:138  跟帖:92
 剑鱼论坛  发表于 2020年01月13日    最后浏览于 27天前
 0
bootstrap4可以方便地对元素倒圆角,我们来看一下怎么实现。 默认情况下,一个元素的宽度和高度确定后,这个元素是方形的,也就是说其四个角是棱角的。有的时候为了页面元素有些变化,或者要更美观一些,我们需要把方方正正的四个角弄成圆弧型的,这可以使用css样式来实现,但是这篇我们介绍的是bootstrap,那么我们来看一下怎么用bootstrap来实现圆角。 bootstrap4已经为我们提供了简单的圆角样式,我们只需要在HTML中使用就可以了。看下面的代码: <img src="..." class="roun...
剑鱼论坛
LV 7 大学
最后在线:15小时前
加入时间:2年前
主帖:138  跟帖:92
 剑鱼论坛  发表于 2020年01月09日    最后浏览于 9天前
 0
bootstrap4可以方便地设置一个元素的边框,我们来看一下如何设置。 假设我们有一个元素,如下: <div>div元素</div> 现在我们希望给这个元素添加一个边框,只需要在上面的基础上添加一个样式就可以了,如下: <div class="border">div元素</div> 很简单,就是增加了代码“ class="border"”,现在您查看这个元素的时候就能够看到边框了。 如果某个元素我们希望去掉边框,那么可以用下面的代码实现: <...
剑鱼论坛
LV 7 大学
最后在线:15小时前
加入时间:2年前
主帖:138  跟帖:92
 剑鱼论坛  发表于 2020年01月07日    最后浏览于 24天前
 0
bootstrap是广受欢迎的前端框架,使用bootstrap可以让您方便且快速地完成页面样式的制作。bootstrap4是在之前版本基础上的大改进,使用bootstrap4几乎可以不用自己写css代码。这篇我们就来简单介绍一下如何使用bootstrap4。 我们首先到bootstrap4的官方网站:https://getbootstrap.com 进入网站后,我们会看到下面的页面内容: 我们点击“Download”按钮就能进入下载页面,然后在下载页面找到“Compiled CSS and JS”,如下: 这个是编译好的文件,我们直接下载这个文件...
剑鱼论坛
LV 7 大学
最后在线:15小时前
加入时间:2年前
主帖:138  跟帖:92
 剑鱼论坛  发表于 2019年12月14日    最后浏览于 35天前
 0
CSS中有一个属性可以控制页面元素的透明度,这个属性是“Opacity”,我们只需要对这个属性赋值就可以完成透明度的设置。属性使用也很简单,如下代码: opacity:0.5 上面这个代码就是把当前元素的透明度设置为半透明,您可以修改冒号后面的数字,使其透明度满足您的需要。这个数字是0到1之间的数字,表示不同程度的透明度,0表示完全透明,1表示完全不透明。 opacity属性可以应用在页面元素上,包括图片,div等,下面用一个例子来说明: <div style="background-color: black; padding:...
剑鱼论坛
LV 7 大学
最后在线:15小时前
加入时间:2年前
主帖:138  跟帖:92
论坛主帖
268
论坛跟帖
296
在线访客
1
今日主帖
0
今日跟帖
0
今日注册
0
© 2019 - 2021 剑鱼论坛 版权所有
Powered by JianYuLunTan
剑鱼论坛 976666861
http://jianyuluntan.com/feedback.html
http://jianyuluntan.com/qiandao.html
http://jianyuluntan.com/denglu.html
0
http://jianyuluntan.com/adenglu.html
0
剑鱼论坛