第一篇:黑马程序员济南中心PHP第11天教程
【济南中心】PHP课程同步笔记day07:DOM介绍
DOM(文本对象模型(Document Object Model))W3C组织推荐的处理可扩展标志语言的标准编程接口。W3C的DOM,可以使程序或脚本(JS或AS、JScript),动态的访问或操作文档的内容、结构、样式。
DOM只是一个标准,就是操作网页的标准。而这个标准(模型)在浏览器中,以“对象”的方式实现。DOM的分类
核心DOM:提供了操作HTML文档(显示)或XML文档(存储数据)的公共的属性和方法。
HTMLDOM:针对HTML文档,提供的专有的属性和方法。EventDOM:事件DOM,提供了很多的常用事件。CSSDOM:提供了操作CSS的一个接口。HTML节点树
DOM中节点的类型:
document文档节点:代表整个网页,document文档节点不对应标记。是访问文档中各元素的起点。
element元素节点:元素节点对应于网页中的各标记。attribute属性节点:每个元素都有若干个属性。Text文本节点:文本节点是最底层节点。核心DOM公共属性和方法 nodeName:节点名称。nodeValue:节点的值。firstChild:第一个子节点。lastChild:最后一个子节点。parentNode:父节点。
childNodes:子节点列表,是一个数组。节点访问
查找html节点的方法 document.firstChild
document.documentElement(兼容性较好)查找body节点的方法
document.firstChild.lastChild document.body(推荐使用)节点属性
1、getAttribute()——获取属性的值
描述:获取节点属性的值。
语法:nodeObj.getAttribute(name)参数:name代表当前节点的某个属性。举例:var src = imgObj.getAttribute(“src”)
2、setAttribute()——添加属性 描述:给某个节点添加属性。
语法:nodeObj.setAttribute(name,value)参数:
name代表属性名称。value代表属性的值。
举例:imgObj.setAttribute(“src” , “images/02.jpg”)
3、removeAttribute()——删除属性 描述:删除某个节点的属性。
语法:nodeObj.removeAttribute(name)举例:imgObj.removeAttribute(“src”)案例:
//当网页加载完成,调用JS程序
window.onload = function(){
} //函数:删除src属性
function removeImg(imgObj){ //删除src属性 //查找img节点
var imObj = document.body.firstChild;//向img节点添加src属性
imgObj.setAttribute(“src”,“images/01.jpg”);//向img节点添加width属性 imgObj.setAttribute(“width”,400);//向img节点添加border属性 imgObj.setAttribute(“border”,2);//向img节点添加style属性
imgObj.setAttribute(“style”,“padding:20px”);//向img节点添加onclick属性
imgObj.setAttribute(“onclick”,“removeImg(this)”);
} imgObj.removeAttribute(“src”);imgObj.removeAttribute(“width”);
第二篇:黑马程序员济南中心PHP第5天教程
【济南中心】PHP课程同步笔记day05:CSS介绍(二)CSS内边距属性:padding填充
Padding:一个数字,指的是四个方向是一样的(上右下左)
Padding的四个属性:
Padding-top(上内边距),padding-right(右内边距),padding-bottom(下内边距),padding-left(左内边距)Padding:当padding后有两个数字时即Padding:10px 20px;指的是上下内边距为10px,左右内边距为20px 注意:两个数字之间有空格。
Padding:当padding后有三个数字时即Padding:10px 20px 30px;指的是上边距10px,下边距的填充为30px,左右边距为20px;Padding:当padding后有四个数字时即padding:10px 20px 30px 40px;按着顺时针方向。(上右下左)注释:不允许使用负值。代码:
抓住眼前的人和事,不要再去为那遥远的虚无缥缈耗费心思,做你该做的事,不要为别人,与自己没关系的事,费劲自己的心思,不要活在过去里,无论你有任何的伤痛,回忆只会带给自己无穷无尽的苦恼,走出痛苦,活在当下,人生路很长,我要走好。
第三篇:黑马程序员PHP培训教程:Linux介绍
Linux介绍
1、计算机资源
计算机资源是由两部分组成:
硬件资源:键盘、显示器、鼠标、硬盘、内存等等。软件资源:应用程序,如office、qq等等。
问题:用户在键盘上的操作(打字)为什么会在word文档中显示出来? 流程:硬件→操作系统→程序→硬件(显示器)
操作系统:操作系统它是一个特殊的软件程序(软件资源的范畴)。
2、常见的操作系统
• Windows 它微软公司开发的一款桌面操作系统(闭源系统)。版本有dos、win98、win NT、win XP、win
7、winvista、win
8、win 10。服务器操作系统:winserver 2003、winserver 2008、winserver 2012。Mac 苹果公司开发的一款操作系统(闭源系统),目前最新的版本是IOS10。界面风格还是不错。对于系统底层的优化也是很好。Linux Linux是一个开源的操作系统,目前是市面上占有率极高的服务器操作系统。目前其分支有很多。Unix Unix是Linux操作系统的前身,Unix时间戳是指1970年1月1日0时0分0秒,1970年是Unix的时间元年,也就是Unix诞生的年份。•
3、为什么要使用Linux操作系统
之所以大部分的公司开发的时候都是使用Linux操作系统,取决于两个特性:
稳定性:取决于系统的底层架构,一般情况下Linux系统能做到很长时间不关机一点也不卡顿;
安全性:开源系统,所有人都可以贡献自己的源代码为Linux系统打补丁; 开源一定意味着免费么?
开源是指免费的将代码开放,实质上是进行服务收费。RedHat它是Linux系统的一个分支,服务收费价格大约是10万$/年。
4、Linux名字含义
狭义:是指有Linux作者(Linux之父)李纳斯(linus)所编写的一段代码; 广义:是指目前在各大公司所被广泛使用的Linux多种分支的集合。
Linux发展历史 Unix操作系统
• 1968年Multics项目
MIT、Bell实验室、美国通用电气有限公司走到了一起致力于开发Multics项目。到后期由于开发进度不是很好,MIT和Bell实验室相继离开这个项目的开发,最终导致项目搁浅。1970年UNIX诞生
当时在开发Multics项目的时候,实验室中有一个开发成员开发了一款游戏(travelspace:遨游太空),因为两个实验室相继离开项目开发,导致这名开发人员没法玩游戏,后来他提议组织人员重新在Multics项目之上重新的开发,也就出现了1970年的Unix。当时Unix操作系统是使用的汇编语言开发的。1973年用C语言重写UNIX 因为汇编语言有一个最大的局限性:对于计算机硬件过于依赖。导致移植性不好,所以后期在1973年使用了C语言对其进行重新开发。1975年Bell实验室允许大学使用UNIX 1975年,bell实验室允许大学使用unix操作系统用于教学作用,而不允许用于商业用途。•
Linux操作系统
• 人物
Linus
Linux的开发作者,李纳斯·托瓦兹。荷兰在校大学生。• 1991年
0.0.1版本
李纳斯当时学校使用的就是Unix操作系统,然后其对系统的底层代码进行了修改,放到了学校为学生开放的网站上,原先他把文件命名写成了Linus’sUnix,后期网络管理发现之后觉得这个名字不好,自己手动的将名字改成Linux。随后其他同学下载之后发现这个版本还是挺好用的,随后都把自己代码贡献给李纳斯。• 1992年
0.0.2版本 • 1994年
1.0版本 • 2003年
2.6版本
上面所说的版本是指Linux的内核版本,不是指分支的发行版本。
开源文化
Linux是开源的操作系统。所谓开源就是指开放源代码。
• 人物Stallman 斯特曼
开源文化的倡导人。• 1983年GNU计划 • 1985年FSF基金会
• 1990年Emacs、GCC、程序库
• 1991年 Stallman去找Linus,商谈让Linux加入其开源计划(GNU计划)• 1992年GNU/Linux Linux分支
目前分支比较多,常见的有centos、RedHat、乌班图、debian等等。具体的分支,可以查看【文件】中的Linux分支图。
第四篇:黑马程序员PHP培训教程:GET请求
GET请求
语法:open(get|post,URL地址)PHP页面
用户名: 脚下留心:
1、IE不支持中文
2、=、&与请求的字符串的关键字相混淆。
解决:在js中通过encodeURIComponent()进行编码即可。
window.onload=function(){ document.getElementById('username').onblur=function(){
var name=document.getElementById('username').value;
name=encodeURIComponent(name);//编码 var req=new XMLHttpRequest();req.open('get','4-demo.php?name='+name);req.onreadystatechange=function(){ if(req.readyState==4 && req.status==200){
alert(req.responseText);} }
req.send(null);//如果send()方法中没有数据,要写null } } 测试
POST请求
1、通过send()发送数据
2、必须设置setRequestHeader()将传递的参数转成XML格式
3、post提交可以直接提交中文,不需要转码
4、post请求中的字符也会和URL中的&、=字符相混淆,所以建议也要使用encodeURIComponent()编码
5、在POST提交的同时,可以进行GET提交 PHP页面
用户名:
第五篇:黑马程序员PHP培训教程:AJAX聊天室
AJAX聊天室
设计message表:用来保存聊天信息
获取最新的聊天记录
PHP页面:大于最大聊天编号的记录肯定是新的聊天记录
2 3 4 5 6 7 8 9 $maxid order by id ”);$info=array();while($rows=mysql_fetch_assoc($rs)){ $info[]=$rows;} echo json_encode($info);HTML页面
文档为doc格式
声明:本文内容由互联网用户自发贡献自行上传,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任。如果您发现有涉嫌版权的内容,欢迎发送邮件至:645879355@qq.com 进行举报,并提供相关证据,工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。
黑马程序员PHP培训教程:同步和异步
同步和异步 req.open(参数传递的方法,URL,[true|false]) true:异步:同一个时间点允许多个进程,【默认】 false:同步:同一个时间点只能执行一个进程。 HTML代码 window.onload=......
黑马程序员PHP培训教程:Ajax文件上传
Ajax文件上传 DOM方式只能获取字符串类型数据,不能获取二进制数据。可以通过FormData对象来获取二进制数据。 PHP页面 HTML页面 1 2window.onload=function{ 3 documen......
黑马程序员PHP培训教程:发表聊天记录
发表聊天记录 HTML页面 function sendMessage{ var frm=document.getElementById('frm'); var fd=new FormData(frm); var req=new XMLHttpRequest; req.open('post......
黑马程序员PHP培训教程:Linux安装-3
Linux安装-3 第十一步:选择磁盘类型,默认即可,点击【下一步】 第十二步:选择磁盘位置,选【创建新的磁盘】,然后点击【下一步】 第十三步:选择磁盘大小,默认20G 第十四步:设置磁盘文......
黑马程序员PHP培训教程:同步和异步介绍
什么是AJAX 1999年,微软公司发布IE5浏览器的时候嵌入的一种技术。起初名字是XMLHttp,直到2005年,google公司发布了一个邮箱产品gmail,内部的gtalk聊天工具有使用ajax技术,该事情......
黑马程序员PHP培训教程:Linux目录介绍
Linux目录介绍 /bin:存放的是一些二进制文件,但是在Linux中二进制文件是可以被执行的。这个目录中的命令文件是给普通用户使用(非超级管理员用户)。 /etc:Linux下所有的配置文件......
黑马程序员PHP培训教程:Linux安装-5
Linux安装-5 第二十五步:设置时区,默认即可,直接点击【下一步】 第二十六步:设置密码,密码对用的用户名是root 密码有限制:最少是6位,并且建议是大写+小写+数字的组合 设置完成之......
黑马程序员PHP培训教程:onProgress的事件对象
onProgress的事件对象 onprogress事件对象可以监听到已经上传的文件大小,总大小 大约每隔100毫秒调用onProgress事件一次 完整代码 1 2#out{ 3 width:300px; 4 height:......