前端编程共10篇
前端编程指通过使用HTML、CSS和JavaScript等前端语言,设计和开发网页或程序的用户界面和交互功能,在王先生笔记,你可以找到站长分享的部分前端语言代码分享,用来给大家参考。

web前端解决文字超出屏幕问题

我们在制作html和php网页时,经常会遇到<a href='链接'>文字</a>代码显示的链接超出屏幕范围,导致页面不好看,解决方法很简单 <div>内英文单词拆开链接自动换行,解决链接超出屏幕...
天无神话的头像-王先生笔记铂金会员天无神话3个月前
01317
给网站添加视频背景-王先生笔记

给网站添加视频背景

我之前给朋友展示了一个用视频作为背景的单网页。他问我怎么弄,所以趁机发到博客好了 用视频作为背景的网站代码,代码由html和css组成 HTML部分 <div class='bg-video'> <video class='v...
天无神话的头像-王先生笔记铂金会员天无神话3个月前
02147
防扒站处理办法:js代码跳转回原网站-王先生笔记

防扒站处理办法:js代码跳转回原网站

判断当前访问页面的浏览器地址栏地址和自己定义的地址是否一致,不一致则跳转到自己的网址。扒站者做梦都没想到过了防F12和防右键,还有一道坎还要过。只要使用了网站的js文件,打开扒站者的网...
天无神话的头像-王先生笔记铂金会员天无神话3个月前
175837

CSS中color属性英文单词对应的html文字颜色

HTML中的内容颜色可以通过CSS的color属性来设置,分享一些常见的英文单词和对应的HTML内容颜色,解决:如何设置HTML文本颜色,使用CSS在HTML中改变文字颜色,HTML文本颜色代码,在HTML中应用不...
天无神话的头像-王先生笔记铂金会员天无神话3个月前
030613
js实现点击内容复制相应内容到剪切板-王先生笔记

js实现点击内容复制相应内容到剪切板

用js代码就能实现点击文字或者按钮复制某些内容 工作原理 创建一个唯一的隐藏的可复制的元素,然后调用window.getSelection()获取选中内容,再使用document.execCommand('copy')执行copy HTML部...
天无神话的头像-王先生笔记铂金会员天无神话6个月前
018115
使用CSS高权重覆盖难以修改的CSS样式-王先生笔记

使用CSS高权重覆盖难以修改的CSS样式

利用高权重覆盖修改CSS样式。我们将了解CSS权重的概念,以及如何有效地修改页面样式。我们还会介绍一些常用的技巧和最佳实践,以便在CSS编码中充分利用高权重覆盖。
JS新手入门课-在网页添加JavaScript脚本-王先生笔记

JS新手入门课-在网页添加JavaScript脚本第1课时

脚本添加位置 我们知道在浏览器中代码是从上到下依次加载的,考虑到这个问题,就可以考虑在两个位置添加js. 在head标签内</head>标签之上中添加,这里可以放影响视图网页需优先加载的js ...
天无神话的头像-王先生笔记铂金会员天无神话11个月前
010715
JS新手入门课-使用浏览器的控制台进行辅助开发-王先生笔记

JS新手入门课-使用浏览器的控制台进行辅助开发第2课时

谷歌(Chrome)浏览器为我们提供了开发者工具,程序员都会使用它,用来调试代码和分析,工具中有一个console控制台,对我们开发js很有帮助。 开发者工具 控制台的启用 在某个网页中打开控制台的方...
天无神话的头像-王先生笔记铂金会员天无神话11个月前
06915

CSS根据屏幕宽度不同设置是否显示内容

css代码在不同屏幕宽度给超文本不同的显示样式,比如设置电脑屏幕不显示图片,或者电脑上某段文字显示绿色,手机上显示红色等等类似的功能 演示 .hidden-lg{ /*设置css选择类*/ display:none; /...
天无神话的头像-王先生笔记铂金会员天无神话3年前
011211
使用js代码引入css文件到网页-王先生笔记

使用js代码引入css文件到网页

document.write和createElement两种js方法,js方式将css文件引入html的html代码输出在网页中。
天无神话的头像-王先生笔记铂金会员天无神话3年前
020911