Html、Css、JavaScript 遇到的问题总结

最新推荐文章于 2022-02-12 17:47:12 发布
最新推荐文章于 2022-02-12 17:47:12 发布
阅读量283 收藏
点赞数
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/GhostCatcg/p/9298986.html
版权 
 
 
$('body').scrollTop()无效得解决方案
 
 
鼠标滑轮获取到得值为0：
var scrollTop = $('body').scrollTop();


在页面中加一个随着页面滚动条滚动的小图片广告，但是却发现document.body.scrollTop
这个属性在本地的时候能取到值，但是传到服务器上的时候取到的值一直不变。

解决方案
1、

原来在HTML文件头部声明了这样一句：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

改成这样就好了：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

但是W3c的标准的引用，样式会发生变化。

2、将document.body.scrollTop改为document.documentElement.scrollTop
 

 

转载于:https://www.cnblogs.com/GhostCatcg/p/9298986.html

                

        

        




    




    

      

        

            

              
                
                  Paul73500
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                      0
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    0
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                    0
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      










                



	

		

			

				
					
CSS、HTML、JS踩坑

				
			

			

				

					JiangLittleBai的博客
				

				

					06-28
					
					342
					
				

			

		

		

			
				
1、写好的html元素li、img等之间出现间隙？
<!DOCTYPE html>
<html>

<head></head>

<body>
    <img src="./boyuanchong.jpg">
    <img src="./boyuanchong.jpg">
    <img src="./boyuanchong.jpg">
</body>

</html>

比如直接

			
		

	



                

              
                



	

		

			

				
					
HTML+Javascript+Css实战题

				
			

			

				

					06-08
				

			

		

		

			
				
通过解决这些实战题，你会增强对HTML、CSS和JavaScript的理解，提高解决问题的能力，并逐渐熟悉Web开发的整体流程。记得，不断实践和迭代是成长为优秀Web开发者的关键。在解题过程中，可以尝试使用不同方法，探索...

			
		

	



                


  
              

                


	

		

			

				
					
HTML CSS JS 遇到的问题

				
			

			

				

					weixin_30924087的博客
				

				

					03-03
					
					122
					
				

			

		

		

			
				
1，@import url（）机制是不同于link的，link是在加载页面前把css加载完毕，而@import url（）则是读取完文件后在加载，所以会出现一开始没有css样式，闪烁一下出现样式后的页面(网速慢的情况下)。


2，@import 是css2里面的，所以古老的ie5不支持。


3，当使用javascript控制dom去改变样式的时候，只能使用link标...

			
		

	





	

		

			

				
					
前端面试常见问题整理（html+css+js篇）

				
			

			

				

					一一
				

				

					11-27
					
					488
					
				

			

		

		

			
				
前端面试题
HTML


对 WEB 标准以及 W3C 的理解与认识

Web 标准由万维网联盟（W3C）组织制定的，它不是某一个标准，而是一系列标准的集合。网页主要由三部分组成：结构层（html）、表现层（css）和行为层（js），web 标准一般是将该三部分独立分开，使其更具有模块化。
W3C 代码规范：


结构要求：标签字母要小写，标签要闭合，标签不允许随意嵌套
对于 css 和 js：
...

			
		

	



		

			
		



	

		

			

				
					
初次接触HTML+CSS+JS遇到的问题

				
			

			

				

					SANEO
				

				

					04-16
					
					1280
					
				

			

		

		

			
				
自从在SAE上创建了个应用后，只是用来实现网页控制LCD显示动态网页控制lcd显示太浪费也太简陋了，自然更多的功能会在后面实现，但实在太low了（连主页都没有！），为此从未接触过web前端的我开始摸索着学习web前端。创建个简单的主页从网上不明所以的扒了个HTML下来（这时候不知道有css这东西，具体来说是不知道它和html还有js三者的关系，后来了解到形象的比喻是:
  html是骨架，CSS是肌

			
		

	





	

		

			

				
					
html和css学习中遇到的一些问题

				
			

			

				

					虚哥的技术备忘录
				

				

					07-25
					
					480
					
				

			

		

		

			
				
1、div+css布局较table布局有什么特点？
表现与结构分离
页面加载更快，结构更加清晰，页面显示简洁
修改维护更加方便
易于优化SEO搜索引擎
2、src与href的区别？
src（source）用于替换当前元素，解析该元素时，会暂停其他资源的下载和处理，直到将该资源加载、编译和执行完毕。
href（Hypertext Reference）在当前文件和引用资源文件之间建立联系，加载的时候不会

			
		

	





	

		

			

				
					
html-Javascript语法和css语法手册

					
最新发布

				
			

			

				

					01-18
				

			

		

		

			
				
HTML（HyperText Markup Language）是网页制作的基础语言，用于定义网页的...HTML负责网页的结构，CSS美化其外观，而JavaScript则赋予网页动态功能，让用户体验更加生动。掌握这些基础，将为进阶Web开发打下坚实基础。

			
		

	





	

		

			

				
					
狂神Java学习笔记————前端入门——html、css、JavaScript学习代码

				
			

			

				

					06-17
				

			

		

		

			
				
【狂神Java学习笔记——前端入门——HTML、CSS、JavaScript学习代码】是针对初学者的一份详实的学习资料，这份笔记记录了跟随B站知名up主“遇见狂神说”的java系列视频中关于前端开发的基础内容。笔记内容不仅与视频...

			
		

	





	

		

			

				
					
大前端面试题内容，包括vue，JavaScript，CSS，html，node，算法，面试题目遇到问题整理等其他汇总

				
			

			

				

					10-05
				

			

		

		

			
				
这份资料涵盖了Vue.js、JavaScript、CSS、HTML、Node.js以及算法等多个关键知识点，旨在帮助求职者准备面试，提升自身的技术实力。下面将对这些主题进行详细阐述。  首先，Vue.js 是一个轻量级的渐进式框架，它强调...

			
		

	





	

		

			

				
					
996个css和JavaScript的例子代码

				
			

			

				

					03-09
				

			

		

		

			
				
标题中的“996个css和...同时，这也是一个很好的参考库，当遇到特定问题时，可以从中寻找解决方案。通过实践这些示例，你将能够更好地掌握JavaScript、HTML5和CSS3的核心概念和实战技巧，从而提升你的前端开发能力。

			
		

	





	

		

			

				
					
html加载外部css、js的问题

				
			

			

				

					Aochen的博客
				

				

					05-19
					
					980
					
				

			

		

		

			
				
在使用外部的css、js的时候，一定要设置好相对的路径，并把文件放在你的路径上。
比如说在APP下新建static文件夹，将css、js文件放进去后，在setting.py中添加路径：
STATIC_URL = '/static/'
STATIC_ROOT = os.path.join(BASE_DIR, 'static')



还有加载的问题，在html中：


    P

			
		

	





	

		

			

				
					
css html  js常见小问题

				
			

			

				

					weixin_46932940的博客
				

				

					04-28
					
					190
					
				

			

		

		

			
				
1.iframe
iframe是用来在网页中插入第三方页面，早期的页面使用iframe主要是用于导航栏这种很多页面都相同的部分，这样在切换页面的时候避免重复下载，iframe的创建比一般的DOM元素慢了1-2个数量级，iframe标签会阻塞页面的的加载
2.表单中包含文件上传控件时，需要将enctype设置为
multipart/form-data
3.哪些方法可以优化滚动性能:
在滚动中对滚动函数进行节流处理
滚动中减少导致重绘的操作
滚动中减少导致重排的操作
通过给滚动内的子元素开启硬件加速
4.art

			
		

	





	

		

			

				
					
html、jsp、css问题（持续更新）

				
			

			

				

					陈汛的博客
				

				

					08-25
					
					232
					
				

			

		

		

			
				
表单内容部分不提交：input标签内不设置name属性

			
		

	





	

		

			

				
					
[ HTML + CSS + Javascript ] 复盘尝试制作 2048 小游戏时遇到的问题

				
			

			

				

					weixin_50290666的博客
				

				

					02-12
					
					3374
					
				

			

		

		

			
				
使用 HTML + CSS + JavaScript 制作了 2048 小游戏，并尽可能地还原了动画效果。复盘制作过程中遇到的 CSS 与 JavaScript 方面的问题及解决。

			
		

	





	

		

			

				
					
html与javascript遇到的问题

				
			

			

				

					zhl11a的专栏
				

				

					10-25
					
					684
					
				

			

		

		

			
				
1.如何获取表单信息：
要使用javascript获取表单里面的信息，直接使用getElen..byid是不行的，需要使用document.forms["表单名"]。
2.ajax异步执行
xmlhttp.onreadystatechange=function()这个回调函数是在js主函数执行完毕后，它仍然没有执行，并且在这个函数里面返回值并不能返回到外层函数。
1.onreadystat

			
		

	





	

		

			

				
					
block，inline和inline-block概念和区别

				
			

			

				

					lihei12345的专栏
				

				

					07-13
					
					1396
					
				

			

		

		

			
				
[转] 




总体概念

block和inline这两个概念是简略的说法，完整确切的说应该是 block-level elements (块级元素) 和 inline elements (内联元素)。block元素通常被现实为独立的一块，会单独换一行；inline元素则前后不会产生换行，一系列inline元素都在一行内显示，直到该行排满。大体来说HTML元素各有其自身的布局级别（

			
		

	





	

		

			

				
					
html（结构层）+ css（样式层）+ js（行为层）中所涉及的问题——总结

				
			

			

				

					qq_44830054的博客
				

				

					07-14
					
					955
					
				

			

		

		

			
				
文章目录一，网页的三层结构是什么二，SEO是什么三，什么是css的层叠性四，什么是标准文档流五，如何理解HTML结构的语义化六，五大浏览器及内核是什么七，制作网页的目录基本结构
一，网页的三层结构是什么

结构层：HTML 给网页提供内容（相当于房子的基本结构）；
样式表：css层 给网页提供样式（相当于对房子进行装修）；
行为层：js 交互 动画 ajax （相当于对房子进行通水通电）；

二，SEO是什么

简单地说：SEO就是搜索引擎优化；是一种通过特定的方法来优化自己网站，进而使网站更容易被搜索引擎

			
		

	





	

		

			

				
					
html+css+js 常见面试题

				
			

			

				

					学者的博客
				

				

					10-22
					
					968
					
				

			

		

		

			
				
跨域问题
只要协议，域名，端口有任何一个的不同，就被当作是跨域。并不会根据IP去判断是否跨域。
语言化标签
常见语义问题：


<title> 和 <h1>  , 前者用于网页标题，后者用于文章标题


<b> 和 <strong>  ,前者用于文字加粗，后者用于强调语气


<i> 和 <em>  前者用于倾斜字体，后者用于强调内容


img的 alt和title, 前者是加载失败时的提示信息，后者是鼠标悬停时的显示文本


语义化

			
		

	





	

		

			

				
					
HTML、CSS、JavaScript常见面试问题的总结（HTML篇）

				
			

			

				

					qq_42239440的博客
				

				

					07-21
					
					1691
					
				

			

		

		

			
				
HTML部分

问题一：前端性能优化？


前端性能优化主要是为了提高页面的加载速度，优化用户的访问体验。可以从这些方面来进行优化。
 第一个方面是页面的内容方面
 （1）通过文件合并、css 雪碧图、使用 base64 等方式来减少 HTTP 请求数，避免过多的请求造成 等待的情况。
 （2）通过 DNS 缓存等机制来减少 DNS 的查询次数。
 （3）通过设置缓存策略，对常用不变的...

			
		

	





	

		

			

				
					
尚学堂前端基础教程：HTML+CSS+JavaScript入门

				
			

			

				

					
				

			

		

		

			
				
“html+css+javascript.ppt - 前端开发基础入门教程，涵盖HTML、CSS和JavaScript基础知识。”  此资源是一个关于前端开发基础的PPT教程，主要讲解了HTML、CSS和JavaScript这三个核心技术。HTML（HyperText Markup ...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值