html代码

HTMLParser使用详解(3)- 通过Filter访问内容

故事扮演 提交于 2020-03-24 09:54:13
HTMLParser遍历了网页的内容以后,以树(森林)结构保存了结果。HTMLParser访问结果内容的方法有两种。使用Filter和使用Visitor。 (一)Filter类 顾名思义,Filter就是对于结果进行过滤,取得需要的内容。HTMLParser在org.htmlparser.filters包之内一共定义了16个不同的Filter,也可以分为几类。 判断类Filter: TagNameFilter HasAttributeFilter HasChildFilter HasParentFilter HasSiblingFilter IsEqualFilter 逻辑运算Filter: AndFilter NotFilter OrFilter XorFilter 其他Filter: NodeClassFilter StringFilter LinkStringFilter LinkRegexFilter RegexFilter CssSelectorNodeFilter 所有的Filter类都实现了org.htmlparser.NodeFilter接口。这个接口只有一个主要函数: boolean accept (Node node); 各个子类分别实现这个函数,用于判断输入的Node是否符合这个Filter的过滤条件,如果符合,返回true,否则返回false。 (二

JavaScript事件模型

早过忘川 提交于 2020-03-24 08:14:59
1、什么是事件? 事件,就是文档或浏览器窗口中发生的一些特定的交互瞬间。可以使用侦听器(或处理程序)来预订事件,以便事件发生时执行相应的代码。这种在传统软件工程中被称为观察员模式的模型,支持页面的行为(JavaScript 代码)与页面的外观(HTML 和CSS 代码)之间的松散耦合。DOM2 级规范开始尝试以一种符合逻辑的方式来标准化DOM事件。 2、什么是事件流? 事件冒泡 :IE 的事件流叫做事件冒泡(event bubbling),即事件开始时由最具体的元素(文档中嵌套层次最深的那个节点)接收,然后逐级向上传播到较为不具体的节点(文档)。如: 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>Event Bubbling Example</title> 5 </head> 6 <body> 7 <div id="myDiv">Click Me</div> 8 </body> 9 </html> 事件触发顺序为: 事件捕获 :Netscape Communicator 团队提出的另一种事件流叫做事件捕获(event capturing)。事件捕获的思想是不太具体的节点应该更早接收到事件,而最具体的节点应该最后接收到事件。事件捕获的用意在于在事件到达预定目标之前捕获它。 1 <!DOCTYPE html> 2 <html> 3 <head

pyquery 的用法 --爬虫解析库

此生再无相见时 提交于 2020-03-24 07:03:53
如果你对 Web 有所涉及,如果你比较喜欢用 CSS 选择器,如果你对 jQuery 有所了解,那么这里有一个更适合你的解析库 ——pyquery 。 接下来,我们就来感受一下 pyquery 的强大之处。 1. 准备工作 在开始之前,请确保已经正确安装好了 pyquery 。若没有安装 pip install pyquery 。 2. 初始化 像 Beautiful Soup 一样,初始化 pyquery 的时候,也需要传入 HTML 文本来初始化一个 PyQuery 对象。它的初始化方式有多种,比如直接传入字符串,传入 URL ,传入文件名,等等。下面我们来详细介绍一下。 字符串初始化 首先,我们用一个实例来感受一下: html = ''' <div> <ul> <li class="item-0">first item</li> <li class="item-1"><a href="link2.html">second item</a></li> <li class="item-0 active"><a href="link3.html"><span class="bold">third item</span></a></li> <li class="item-1 active"><a href="link4.html">fourth item</a></li> <li

Jq学习笔记(7)JQ动画

僤鯓⒐⒋嵵緔 提交于 2020-03-24 06:42:24
一.摘要 本系列文章将带您进入jQuery的精彩世界, 其中有很多作者具体的使用经验和解决方案, 即使你会使用jQuery也能在阅读中发现些许秘籍. 开发人员一直痛疼做动画. 但是有了jQuery你会瞬间成为别人(那些不知道jQuery的人)眼里的动画高手! 本文将介绍jQuery的动画相关函数.原来做动画如此简单! 二.前言 本系列文章的实例都是针对某一个技术细节的, 因为我们要学习的是基础知识, 虽然总有人希望要复杂一些的应用示例, 但是我想还是让我们先把基础打牢, 有了扎实的基础凭借每个人的智慧一定能创造出更多更好的应用. 就在写这篇文章的前几天, 还有不止一个同事在为了"弹出层"效果而犯愁. 但是以后再面对这样的功能看过本篇文章的每一个人都可以开心的微笑了. jQuery, make work easy ! 三.从实例开始 做web程序经常要使用弹出层, 比如单击文字或按钮显示一段提示文字等. 假设有如下需求: 单击图中的"显示提示文字"按钮, 在按钮的下方显示一个弹出层. 单击任何空白区域或者弹出层,弹出层消失. 用原始javascript我们也完全可以完成这个工作. 有以下几点注意事项: 1. 弹出层的位置需要动态计算. 因为触发弹出事件的对象可能出现在页面的任何位置, 比如截图中的位置. 2. 为document绑定单击是关闭弹出层的函数, 要使用多播委托,

java基础56 HTML5的标签知识(网页知识)

安稳与你 提交于 2020-03-24 06:37:39
本文知识点(目录): 1、html常用标签 2、html实体标签 3、html媒体标签 4、html超链接标签 5、html图片标签 6、html标个标签 7、html框架标签 8、html表单标签 1、html常用标签 1 <!doctype html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>常用标签练习</title> 6 </head> 7 <!-- 8 html常用标签: 9 <h1>~<h6>:表示一个标题 10 <p>:段落标签 11  :空格 12 <hr/>:水平线标签 13 <br/>:换行 14 <sub>:下标 15 <sup>:上标 16 <pre>:原样标签:会保留原来的空格和换行 17 <ol><li>:有序的列表标签 18 <ul><li>:无序列的列表标签 19 <dl><dt><dd>:项目列表标签 20 span:行内标签 21 块标签<div>:div的内容会独占一行 22 --> 23 <body> 24 25 <h1 align="center">这是标题</h1> 26 <p>        上面的标题在页面中进行了居中排列。上面的标题在页面中进行了居中排列。上面的标题在页面中进行了居中排列。上面的标题在页面中进行了居中排列。上面的标题在页面中进行了居中排列

WEB前端面试题查询整理

泄露秘密 提交于 2020-03-24 06:25:22
HTML+CSS 1.对WEB标准以及W3C的理解与认识? (1)web标准规范要求,书写标签必须闭合、标签小写、不乱嵌套,可提高搜索机器人对网页内容的搜索几率; (2)建议使用外链css和js脚本,从而达到结构与行为、结构与表现的分离,提高页面的渲染速度,能更快地显示页面的内容; (3)样式与标签的分离,更合理的语义化标签,使内容能被更多的用户所访问、内容能被更广泛的设备所访问、更少的代码和组件, 从而降低维护成本、改版更方便; (4)不需要变动页面内容,便可提供打印版本而不需要复制内容,提高网站易用性; 遵循w3c制定的web标准,能够使用户浏览者更方便的阅读,使网页开发者之间更好的交流。 2.xhtml和html有什么区别? HTML是一种基本的WEB网页设计语言,XHTML是一个基于XML的置标语言; 最主要的不同: XHTML 元素必须被正确地嵌套。 XHTML 元素必须被关闭。 标签名必须用小写字母。 XHTML 文档必须拥有根元素。 3.Doctype? 严格模式与混杂模式-如何触发这两种模式,区分它们有何意义? 用于声明文档使用那种规范(html/Xhtml)一般为 严格 过度 基于框架的html文档 加入XMl声明可触发,解析方式更改为IE5.5 拥有IE5.5的bug 4.行内元素有哪些?块级元素有哪些?CSS的盒模型? 块级元素:div p h1 h2 h3

xml文件操作之XSLT

做~自己de王妃 提交于 2020-03-24 04:00:09
最近接手的一个项目中数据的获取通过数据库与xml文件双向处理,不知出入什么原因,该项目的先前设计者将数据从数据库取出后又写入到xml文件中,然后从xml文件中读取数据。由于数据量大的原因,项目中几个文件夹加载时浏览器一度崩溃,无赖只得对数据进行优化。本来sql server支持分页与排序操作,起初我打算重写这个存储过程,但是之前的存储过程之后发现代码比较混乱,足有200多行的代码,兵来将挡,一个上午的时间将先前的存储过程重新整理修改支持了分页自定义排序及搜索功能。本以为可以轻松,却发现任有几个文件夹不支持分页功能,原来这些文件中的文件只从数据库中取出部分数据,然后与xml文件交互后取出数据,多么蛋疼的事情,无赖只得找解决方案。网上搜索资料引出今天的主题——XSLT( E Xtensible S tylesheet L anguage Transformations)。 XSLT 在 1999 年 11 月 16 日被确立为 W3C 标准,现在几乎所有的浏览器都支持XML和XSLT。XSLT 用于将一种 XML 文档转换为另外一种 XML 文档,或者可被浏览器识别的其他类型的文档,比如 HTML 和 XHTML。通常,XSLT 是通过把每个 XML 元素转换为 (X)HTML 元素来完成这项工作的。通过 XSLT,您可以向或者从输出文件添加或移除元素和属性。您也可重新排列元素

freemarker常见语法大全

点点圈 提交于 2020-03-24 03:22:14
FreeMarker的插值有如下两种类型:1,通用插值${expr};2,数字格式化插值:#{expr}或#{expr;format} ${book.name?if_exists } //用于判断如果存在,就输出这个值 ${book.name?default(‘xxx’)}//默认值xxx ${book.name!"xxx"}//默认值xxx ${book.date?string('yyyy-MM-dd')} //日期格式 ${book?string.number} 20 //三种不同的数字格式 ${book?string.currency}--<#-- $20.00 --> ${book?string.percent}—<#-- 20% --> <#assign foo=ture /> //声明变量,插入布尔值进行显示 ${foo?string("yes","no")} <#-- yes --> 大小比较符号使用需要注意:(xml的原因),可以用于比较数字和日期 使用lt、lte、gt和gte来替代<、<=、>和>= 也可以使用括号<#if (x>y)> 内置函数: 调用区别于属性的访问,使用?代替. 常见的一些内置函数 对于字符串 html-对字符串进行HTML编码 cap_first-使字符串第一个字母大写 lower_case-将字符串转换成小写 trim

MVC-04 视图(2)

非 Y 不嫁゛ 提交于 2020-03-23 23:05:55
三、View如何从Aciton取得数据 从Action取得数据,在ASP.NET MVC可区分成两种方式,一种是“使用弱类型取得数据”,另一种则是“使用强类型取得数据”,两者的差别在于View页面最上方声明的方式。 如果View页面使用弱类型接收来自Controller的数据,在View页面里完全不需要有任何声明,数据可以从ViewData、ViewBag或TempData取得,在页面中也可以通过@Model属性,取得从Action传来的ViewData.Model数据模型,但@Model数据模型的类型将会是object,所以算是弱类型的传值方式。 如果View页面使用强类型方式接收来自Controller的数据,那么,必须在View页面的第一行使用@model关键字引入一个View页面专用的数据模型类型参考。 使用这种方式有助于提升View的开发效率,因为可以使用Visual Studio 2012的Intellisense提示功能。 1.使用弱类型模型取得数据 2.使用强类型模型取得数据 四、HTML辅助方法 顾名思义,HTML辅助方法(HTML Helper)就是用来辅助产生HTML只用,在开发View的时候一定会面对许多HTML标签,处理这些HTML的工作非常繁琐,为了降低View的复杂度,可以使用HTML辅助方法帮助你产生一些HTML标签或内容

Django之ORM

你离开我真会死。 提交于 2020-03-23 13:14:11
一:文件配置 【1】 (1-1)产生背景:   (1)在传统的web访问需要加上路由后缀 通过后缀进行相应的视图函数处理   (2)如果有大量的后缀就需要在路由表里添加大量的后缀 显然不合理 (1-2)解决办法:   (1)将文件进行配置暴露给外界能够访问服务器静态文件夹下面所有的资源 例如: STATIC_URL = '/static/' # 接口前缀# 暴露给外部的能够访问服务器内部所有资源STATICFILES_DIRS = [ os.path.join(BASE_DIR,'static')] PS:外部会依次查找文件路径下所有资源 如果访问到则结束 访问失败则返回404 【2】动态解析接口前缀 (1)作用:接口前缀变化 属于该接口下的所有配置文件都会自动变化接口前缀 例如: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script> {# 动态解析配置 #} {% load static %} <link rel="stylesheet" href="{% static 'bootstrap/css/bootstrap