
前端
MissZhou要努力
不晓日月,不辩兰艾,终日碌碌,安与燕雀相随乎
展开
-
JS浏览器对象
window.document.write("width"+window.innerWidth+"height"+window.innerHeight);不包括框的宽度打开网页: button //window.document.write("width"+window.innerWidth+"height"+window.原创 2015-11-04 15:11:29 · 529 阅读 · 0 评论 -
jQuery选择器和事件
选择器:根据元素类型选择 >p1 p2 click me$(document).ready(function(){ $("button").click(function(){ $("p").text("p元素被修改了"); });});执行结果 两个p元素都变了原创 2015-11-18 16:44:14 · 358 阅读 · 0 评论 -
jquery实现井字格游戏
tic-tac-toe body{ color:#FA6766; font-family:Trebuchet MS,Arial,Verdana; margin:20px; padding:0pt; } h3{原创 2016-06-09 21:41:44 · 1419 阅读 · 0 评论 -
jquery与php交互之GET、 POST
GET:两个参数html Title $(document).ready(function() { $("button").click(function() { $.get(//使用get方法向服务器端获取数据原创 2016-06-07 21:37:50 · 4546 阅读 · 1 评论 -
html5 drop drag实现购物车加入书
忘记用css美化了,丑陋的界面 Title function $$(id) { return document.getElementById(id); } function pageload(){ var drag=document.getElementsByTa原创 2016-06-10 19:20:13 · 580 阅读 · 0 评论 -
css设计立体文字
Title p{ text-align:center; padding: 24px; margin: 0; font-family: Georgia ,"Times New Roman",Times,serif; font-size:80px;原创 2016-06-10 20:55:24 · 605 阅读 · 0 评论 -
ajax操作XML
注意html引用xml的路径加“”引号注意getElementsByTagName 里面参数也加引号html<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> Title原创 2016-06-04 22:44:54 · 721 阅读 · 0 评论 -
自己网页调用百度地图API
百度地图API自定义地图 地图生成工具基于百度地图JS api v2.0版本开发,使用请申请密匙。 了解如何申请密匙 申请密匙 //创建和初始化地图函数: function initMap(){ createMap();//创建地图 setMapEvent();//设置地图事件 ad原创 2016-06-10 20:06:07 · 6254 阅读 · 10 评论 -
ajax+php实现自动提示文本框
==jquery想拽没拽明白==html<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> Title input{font-size:12px;border:#00原创 2016-06-12 10:22:23 · 2836 阅读 · 0 评论 -
jQuery简介及语法
jQuery封装了JS库,无需担心浏览器兼容问题==下载官网:http://jquery.com/download/使用: hello hello hello hello hello hello$(document).ready(function () {原创 2015-11-18 15:05:20 · 399 阅读 · 0 评论 -
JavaScript DOM对象控制HTML元素详解
offsetHeight不包含滚动条 scrollHeight包含滚动条通过name操作function getName() { var count=document.getElementsByName("pn"); alert(count.length); var p=count[0];原创 2015-11-01 20:43:43 · 883 阅读 · 0 评论 -
JS内置对象
自定义对象:1.定义并创建: people =new Object(); people.name="iwen"; people.age =30; document.write("name"+people.name+",age:"+people.age); people1={name:"iwen",age:"age"};原创 2015-10-31 18:59:58 · 403 阅读 · 0 评论 -
JS事件
前言:终于有篇前端的博客了 撒花~~为了显得高大上一点 连着头文件之类的都粘过来了 JS比想象中简单的多 应该也算类c语言吧 知道是弱类型的 函数前面没void /int/string之类的、参数列表里面不写参数类型也就非常好理解而对于事件的处理方法 和C#又有异曲同工之处~ 所以说 编程是相通的 哈哈 事件原创 2015-10-20 20:32:58 · 776 阅读 · 1 评论 -
DOM操作html、css
事件 hello Hello button function demo() { // var nv= document.getElementById("pid"); 注释掉的只是证明绝不要在文档加载完使用这个document.write()会覆盖文档 // nv.innerHTML="原创 2015-10-21 20:14:37 · 419 阅读 · 0 评论 -
JS 实现瀑布流
唉呀妈呀,头一次写这么多前端代码==就是实现一个图片密铺,滚动条下拉且一直加载(类似于百度图片搜索界面的效果)图片都是存储在img文件夹下的 js存在js文件夹下 css存在css文件夹下 瀑布流原创 2015-11-10 17:13:52 · 516 阅读 · 1 评论 -
JS 事件处理
DOM 0级处理: 事件 hello butn var btn1=document.getElementById("btn1"); btn1.onclick=function(){alert("hello world");}//更改一个地方即可 有木有一点像“单例设计模式”~_~ bt原创 2015-10-27 18:58:28 · 446 阅读 · 0 评论 -
JS 实现抽奖
跟着csdn的课程看了一眼这个的实现 没等老师讲完自己就做出来啦 哈哈哈记得上周四六级讲座抽奖程序貌似不好使的时候差点自告奋勇上去用C#写 ,后来好使了 ,第二天自己还真没实现出来 (⊙﹏⊙)b这次自己敲出来就可以拿来装x了 哈哈哈原创 2015-11-12 21:02:22 · 499 阅读 · 0 评论 -
javascript正则表达式
定义和使用var patt1 = new RegExp("hello"); var patt2 = /world/ ; test方法test() 方法检索字符串中的指定值。返回值是 true 或 false。var pat = /my/; var str = "this is my code..."; console.log(pat.test(str)); // tru原创 2015-11-14 17:12:22 · 379 阅读 · 0 评论 -
JavaScript面向对象详解
继承:function People(name){//当做类使用this._name=name;}People.prototype.say=function(){alert("peo-hello"+this._name);}function Student(name){this._name=name;}Stud原创 2015-11-12 18:49:36 · 468 阅读 · 0 评论 -
javascript中,new操作符的工作原理是什么?
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。作者:何幻链接:http://www.zhihu.com/question/36440948/answer/71234418来源:知乎你要的真相在这:var F=function(){ //this指向谁,在定义时是不知道的};var p=new F;用new调用一个函数转载 2015-11-17 14:17:26 · 734 阅读 · 0 评论 -
初试Angular
整理Angular官方文档https://angular.cn/tutorial/运行 CLI 命令ng new新建一个工作区 ng new angular-tour-of-heroes选择npm包和其他依赖项(上下键选择,而不是傻等着!)会创建下列工作区和初始项目的文件: 新的工作区,其根目录名叫angular-tour-of-heroes。 一个最初的骨架...原创 2019-04-22 23:49:22 · 344 阅读 · 0 评论