HTML
关注
分享
扫一扫
青茶360
再苦在累也要坚强 只为那些期待眼神
展开
-
input禁止输入的4种方法
input type="text" value="哈哈哈" disabled="disabled"> //只读不可复制，无法选择， 文字会变成灰色。<input type="text" value="哈哈哈" readonly="readonly"> //使用readonly，字段为只读可复制。<input type="text" value="哈哈哈" onfocus="this.blur();原创 2024-08-01 14:56:00 · 2912 阅读 · 0 评论 -
html中如何让网页禁用右键禁止查看源代码
之间原创 2024-03-16 09:16:45 · 1599 阅读 · 2 评论 -
canvas怎么导出绘制的图片
这个函数首先将canvas绘制的内容转换为一个数据URL，然后调用。要从HTML canvas导出（导出）图片，您可以使用。方法获取canvas内容的数据URL，然后创建一个新的。元素并将其源设置为该URL。函数，传入这个数据URL和期望的文件名。属性，并触发点击，从而开始下载过程。在这个例子中，当用户点击按钮时，原创 2024-03-13 10:43:35 · 2038 阅读 · 0 评论 -
canvas导出绘制图片canvas.toDataURL()报错
答案：这个问题因为是基于file:// 进行调试的，而chrome做了安全相关的处理，主要是HTML5安全的CORS（跨域资源共享）的安全限制，造成出现这样的提示，如果你需要在自己的电脑上调试的话，只需要本地搭建一个服务器环境就可以了。canvas绘制图片后，想导出图片，用canvas.toDataURL获取，发现打印不出数据，还报错。前面我一直是本地进行的所以一直报错，现在我搬到PHP环境，就解决了。不是代码问题，是环境问题。一直想了很久，查资料，这代码也没有错啊。效果图：可以打印出来图片了。原创 2024-03-13 09:43:29 · 1557 阅读 · 0 评论 -
html canvas怎么在图片上面加文字
方法将图片绘制到canvas上。方法在canvas上绘制文本。原创 2024-03-12 15:41:13 · 1614 阅读 · 0 评论 -
js 日期格式化代码
分享一个前端实用的 js 日期格式化代码，相当给力。原创 2024-03-10 09:15:13 · 499 阅读 · 0 评论 -
js前天、昨天、今天、明天、后天，大后天代码
js 前天、昨天、今天、明天、后天，大后天代码。原创 2024-03-10 08:51:40 · 638 阅读 · 0 评论 -
css样式穿透
今天小编在项目上，想要修改引用了第三方组件库(element ui)的样式，又不想去除scoped属性造成组件之间的样式覆盖，无法实现、不生效等问题， 原来是scss使用/deep/不生效 以下是我列出来的不同的样式的使用方法。平常在项目中肯定遇到过像是样式无法修改的问题，通过百度查询后都会发现是scopred的原因。::v-deep 与 /deep/ 都是深度选择器(样式穿透)，都能实现对组件内部的样式修改。这两个的样式穿透的方式常用的是这两种 /deep/和 ::v-deep。1.css样式穿透使用。原创 2022-12-09 08:50:50 · 1342 阅读 · 0 评论 -
网站首页颜色变灰色
网站首页加上这个js代码就可以，可以自定义日期，加的日期就变灰色，不在里面的日期就恢复颜色，原创 2022-12-01 15:05:04 · 303 阅读 · 0 评论 -
阿里iconfont图标的使用教程
用户在iconfont.cn可以下载，多种格式的icon，平台也可将图标转换为字体，便于前端工程师自由调整与调用。font-class是unicode使用方式的一种变种，主要是解决unicode书写不直观，语意不明确的问题。今天我们来讲的是使用第二种办法，font-class使用教程。在web网页中使用阿里图标，有三种方法，就是这么简单，就这2步就可以完成了！第二种font-class使用。第一种unicode使用。第三种symbol使用。...原创 2022-07-24 21:55:48 · 880 阅读 · 2 评论 -
为什么上传的格式是mp4在网页上无法播放是什么原因呢？
原因：视频不光区分格式，同一格式还区分编码。对于扩展名相同的视频文件它们的视频的编码可能是不一样的。mp4格式的视频就有3种编码: mpg4(xdiv),mpg4(xvid)，avc(h264)，这三种格式虽然在播放器里可以正常播放，但是mpg(xdiv),mpg4(xvid)这两种格式嵌到html5页面里的时候就会出现只有声音不显示图像的情况，转换成H264编码就可以在网页正常播放了。解决方法:使用格式工厂来转码，把mp4格式视频的编码转换成H264编码。原创 2022-04-19 11:37:14 · 5849 阅读 · 1 评论 -
网页嵌套iframe标签，点击左侧导航菜单，在右侧动态显示页面
功能描述：在后台开发的时候往往遇到这种功能，点击左侧的导航菜单，在右侧动态iframe显示页面内容，知识点：iframe名称：iframe嵌套解决方案2种： 1.js解决 2.a标签target属性解决方案一：js方案<!--主体内容部分--><div class="main"> <!-- 左侧导航 --> <div class="main_left"> <div cla...原创 2022-03-06 15:05:03 · 10461 阅读 · 11 评论 -
网页设计_导航条_下拉菜单
导航条下拉菜单效果1.导航条下拉html代码：<!-- 新导航条 --> <div class="tnav"> <div class="tnav_c"> <ul> <li><a href="#">首页</a></li> <li><a h原创 2022-02-24 09:05:08 · 3123 阅读 · 0 评论 -
select下拉菜单实现友情链接跳转
<select name="select" class="home_left_select" onchange="window.location=this.options[this.selectedIndex].value"><option value="#">友情链接</option><option value="http://www.baidu.com">2</option><option value="http://www.ba.原创 2021-10-24 10:34:12 · 645 阅读 · 0 评论 -
使用JS获取当前页面的URL(网址信息)
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script> var url; url = window.location.href; /* 获取完整URL */ alert(url); /* http://127.0.0.1:8020/Test/index.html#test?name=t.原创 2021-04-28 08:21:11 · 427 阅读 · 0 评论 -
Layui form 表单验证规则 lay-verify
layui 表单1.表单自带校验lay-verify：是表单验证的关键字有以下值供选择：required (必填项)phone（手机号）email（邮箱）url（网址）number（数字）date（日期）identity(身份证)自定义值同时支持多条规则的验证：格式：lay-verify=”验证A|验证B”如：lay-verify=”required|phone|number”案例1：<input type="text" name="name" id...原创 2021-03-24 10:51:01 · 4556 阅读 · 0 评论 -
layui 中select下拉change事件失效
layui 中select下拉change事件失效处理方法1.select中添加 lay-filter=“test”<select lay-filter="test"></select>2.处方方法form.on('select(test)', function(data){ console.log(data.elem); //得到select原始DOM对象 console.log(data.value); //得到被选中的值 console.l原创 2021-03-22 22:40:40 · 837 阅读 · 0 评论 -
在父窗口中获取Iframe中的元素 & 在Iframe中获取父窗口中的元素
1. 在父窗口中获取Iframe中的元素(1) JQuery// 方式1$("#iframe的id").contents().find("#iframe中控件的id").事件();//方式2$("#iframe中控件的id",document.frames("iframe的name").document).事件();(2) JSwindow.frames["iframe中的name值"].document.getElementById("iframe中控件的id").事件();原创 2021-03-22 08:11:08 · 748 阅读 · 0 评论 -
document.getElementById(), getElementsByname(),getElementsByClassName()区别
<form> <input class="user" type="" name="user" value="hi"/> <input class="user" type="" name="user" value="hi"/> </form> window.οnlοad=function(){ //找到指定id属性值得对象 返回找到的一个对象 var id=document.getElementById.原创 2021-03-21 16:50:50 · 523 阅读 · 0 评论