滚动条

其他容器 1、在Swing开发中，窗体部分除了可以使用JFrame表示外，还有其他几种常见的窗体：JPanel、JSplitPane、JTabbedPane、JScrollPane、JDesktopPane、JInternalFrame等。 Jpanel容器 1、在Jpanel中可以加入任意的组件，然后直接将Jpanel容器加到JFrame容器中即可。 2、常用方法（只写构造方法） · public Jpanel() 创建一个默认的Jpanel对象，使用流布局管理 · public JPanel(LayoutManager layout) 创建一个指定布局管理器的Jpanel对象 例如： import javax.swing.*; public class JpanelDemo1 { public static void main(String[] args) { JFrame frame=new JFrame("Welcome To MLDN"); //实例化窗体对象 JPanel pan=new JPanel(); //实例化JPanel对象 pan.add(new JLabel("标签-A")); //加入标签组件 pan.add(new JLabel("标签-B")); pan.add(new JButton("按钮-X")); //加入按钮组件 pan.add(new

这周我们继续沿着上周的内容学习，在布局管理的基础下增添了其他容器，Jpanel，JSplitPane,JTabbedPane,JScrollPane等等，以及文本组件 JTextFiled,JPasswordFiled等等， 以及学习了新内容 事件处理监听器WindowListestener,ActionListener。 ###容器类 JPanel 经常用到的容器之一，可以使用JPanel完成各种复杂的界面，在JPanel中可以加入任意组件，然后直接吧JPanel加入到JFrame中 public Jpanel(LayoutMannger layout) 创建一个指定布局管理器的JIPanel对象 JSplitPane 主要功能是分割面板，可以将一个窗体分为两个子窗体，可以是水平排列也可以是垂直排列， ifsplit = new JSplitPane(JSplitPane.HORIZONTAL_SPLIT,组件一，组件二）； ifsplit = new JSplitPane(JSplitPane.VERTICAL_SPLIT,组件一，组件二）； JTabbedPane 是在面板上设置了一个多项卡供用户选择 常用方法 JTabbedPane tab = new JTabbedPane(JTabbedPane.TOP) //设置标签在顶部显示 JTabbedPane tab =

第十二周学习总结 实验代码 package 实验七; import java.awt.*; import javax.swing.*; public class auth { public static void main(String[] args) { JFrame frame=new JFrame("登录窗口");//新建一个窗体对象 JButton submit=new JButton("登录");//声明一个按钮 JButton reset =new JButton("重置"); JLabel name=new JLabel("用户名：");//声明一个标签 JLabel pass=new JLabel("密 码："); JTextField nameText=new JTextField();//声明一个文本域 JPasswordField passText= new JPasswordField(); name.setBounds(25,15,60,20); pass.setBounds(25,40,60,20); nameText.setBounds(85,15,100,20); passText.setBounds(85,40,100,20); submit.setBounds(185,15,60,20); reset.setBounds(185,40,60,20

1.这周扩大了图形界面中容器方面的学习，加深了对容器的理解和使用 JPanel：完成各种复杂界面显示 一个界面只有一个JFrame窗体组件，但可以有多个JPanel面板组件，Panel上也可以使用FlowLayout，BorderLayout，GridLayout等各种布局管理器 也可以加入任意组件 JSplitPane：分割面板（只能分割两个 JTabbedPane：设置多个选项卡供选择（方便管理信息 JScrollPane：为显示的内容加入水平滚动条（水平滚动条根据需要来显示，垂直滚动条始终显示 JDesktopPane（规定父窗体）和JInternalFrame（规定子窗体）:完成内部窗体的显示 2.这周也学习了事件处理的相关内容（让一个按钮变得有意义 所有的事件类都是EventObject的子类 监听器:以监听接口形式出现，保存在java.awt.event包中 WindowListener:专门处理窗体事件的监听接口（监听窗体所有变化 直接使用窗体的addWindowListener即可注册事件监听 监听适配器：监听器中有很多方法，但是有时我们只用到它其中的一种方法，其他方法并没有用到，适配器只需重写需要的事件处理方法，而监听接口需要实现全部的方法 动作事件及监听处理：使用ActionListener接口处理按钮的动作事件 仅一个普通方法：void

var gao = document.documentElement.clientHeight; var headHeight = parseInt($('.yhead').css('height')) $('.ybody').css('height', gao - headHeight + 'px') //前端分页 $(".yright").scroll(function(){ var scrollHeight = document.querySelector(".yright").scrollHeight; // 没用滚动条的情况下，元素内容的总高度 var scrollTop = document.querySelector(".yright").scrollTop; console.log(gao,scrollHeight,scrollTop) if((scrollTop + gao - scrollHeight) == headHeight){ $('.fenye').click() } console.log("没到底： ", ); }) 　　　　div布局就不用讲了，主要是滚动条事件这一块是真晕，上网查资料查到的情况，用了一下真的可以，真是太高兴了 以后有时间了在好好研究研究，暂时就先这样，另附几个查阅的资料： javascript、jquery获取网页的高度和宽度

第十二周课程总结 这一周我们主要学习的是容器的应用，上一周我们学习了布局管理器和基本容器JFrame容器。所有AWT组件都应该放到容器里面，并可以设置其他位置、大小，所有的容器都是Component的子类，这一周我们学习了JPanel、JSlitPane、JTannedPane、JScorllPane、JDesktoPane、JINteralFrame。 一、JPanel JPanel也是常用到的容器之一，我们可以使用JPanel容器完成各种复杂的界面显示。在JPanel中可以加入任意组件，然后直接将JPanel容器加入到JFrame容器中既可以显示。 从中我们可以学习到：可以将多个组件加入到JPanel中实现杂的排序。使用JPanel并结合之前我们学习的布局管理器可以更加方便的管理组件，可以使用布局管理器对多个JPanel进行排列，而每一个JPanel中也可以分别使用不同的布局管理器管理组件，这样就可以对组件进行咋的排列。 package javabook; import java.awt.*; import javax.swing.*; public class JavaJPanel { public static void main(String[] args) { // int i; JFrame f=new JFrame("第二窗体"); JPanel pan=new

JPanel ➢ 使用Jpanel可以完成各种复杂的界面显示。 ➢ 在JPanel中可以加入任意的组件，之后直接将Jpanel容器加入到JFrame容器中即可显示。 应用:可以将多个组件加入到JPanel中实现复杂的排列。 ➢ 使用JPanel并结合LayoutManager可以方便地管理组件。 ➢ 使用LayoutManager对多个Jpanel进行排列，而每个JPanel中也可以分别使用不同的LayoutManager管理组件，完成对组件进行复杂的排列。 JSplitPane JSplitPane主要功能是分割面板，可以将一个窗体分为两个子窗体，可以是水平排列也可以是垂直排列。 JSplitPane类的主要方法和常量 No. 方法及常量 类型 描述 1 public static final int HORIZONTAL_ _SPLIT 常量 表示水平分割 2 public static final int VERTICAL_ SPLIT 常量 表示垂直分割 3 public JSplitP ane(int newOrientation) 构造 创建对象，并指明分割方式 4 public JSplitP ane(int newOrient ation, boolean newContinuousLayout, ComponcntnewLeftComponent,

这是关于移动端适配的第一篇文章，这篇文章主要介绍 视口以及和视口有关的meta标签 的使用。 不管三七二十一，我们先新建一个页面： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>这不是一个demo</title> <style type="text/css"> *{margin: 0; padding: 0;} div{height: 100px; background: red;} </style> </head> <body> <div></div> </body> </html> 在谷歌浏览器下，我们可以看到不同手机的适配情况： 可以看出，不管是i5/i6/i6plus下，div的宽度都为980px，这个980是什么值，为什么它好像和移动设备无关？ 其实这个980所表示的就是 布局视口 。 布局视口layout viewport ：就是移动设备上用来装载我们的网页的那一块区域。浏览器厂商为了让用户在小屏幕下网页也能够显示地很好，所以把布局视口宽度设置地很大，一般在 768px ~ 1024px之间。不同的设备有不同的宽度。最常见的宽度是980。下图是不同设备下布局视口的大小。 布局视口有980像素，可是我们的屏幕很小，按理说应该会有滚动条才是，可实际上并没有。这就需要归功于另一个视口

总是记不住这几个高度，记录一下 Element.clientHeight 只读 单位像素 四舍五入取整 如果你需要一个浮点数值，请用 element.getBoundingClientRect() 对于没有定义CSS或者内联布局盒子的元素为0（例如， <span> 标签的clientHeight值为0，除非设置 display: block 变成块级元素） 包含内边距（不包括水平滚动条、边框和外边距） clientHeight 可以通过 CSS height + CSS padding - 水平滚动条高度 (如果存在)来计算 Element.offsetHeight 只读 单位像素 四舍五入取整 如果你需要一个浮点数值，请用 element.getBoundingClientRect() 包括元素的边框、内边距和元素的水平滚动条（如果存在且渲染的话） 不包含:before或:after等伪类元素的高度 Element.scrollHeight 只读 单位像素 四舍五入取整 内容高度的度量，包括由于溢出导致的视图中不可见内容 没有垂直滚动条的情况下，scrollHeight值与元素视图填充所有内容所需要的最小值clientHeight相同 包括元素的padding（但不包括元素的border和margin） 包括 ::before 和 ::after这样的伪元素 判定元素是否滚动到底

转载自： https://www.imooc.com/article/17571 网页可见区域高：document.body.clientHeight 网页正文全文高：document.body.scrollHeight 网页可见区域高（包括边线的高）：document.body.offsetHeight 网页被卷去的高：document.body.scrollTop 屏幕分辨率高：window.screen.height 每个HTML元素都具有clientHeight offsetHeight scrollHeight offsetTop scrollTop 这5个和元素高度、滚动、位置相关的属性，单凭单词很难搞清楚分别代表什么意思之间有什么区别。通过阅读它们的文档总结出规律如下： clientHeight和offsetHeight属性和元素的滚动、位置没有关系它代表元素的高度，其中： clientHeight：包括padding但不包括border、水平滚动条、margin的元素的高度。对于inline的元素这个属性一直是0，单位px，只读元素。 offsetHeight：包括padding、border、水平滚动条，但不包括margin的元素的高度。对于inline的元素这个属性一直是0，单位px，只读元素。 接下来讨论出现有滚动条时的情况：