Only同学-CSDN博客

原创网页搜索框的制作

做一个搜索框我们有很多种方式，其中最常见的方式 1>.用div 我们先把已经做好的搜索框的图片切下来给div作为背景图片，然后再在div里面加input标签2>用表格来做搜索框 <table> <tbody> <tr> <td class="one"> <input

2016-07-23 17:54:52 9057 1

原创 HTML小结

这两天又系统的跟着老师学习了一遍html标签，发现自己还是有很多遗漏的知识点没有掌握，很多细节问题没有把握好，所以写这边博文来总对我所学习的内容做一个小结html全称hypertext markup language

2016-07-17 18:07:26 627

原创 MySql修改数据库编码为utf8

今天在网页上向数据库中插入数据的时候，发现插入的中文数据在数据库的表中显示的都是问号，在网上找教程尝试了很多方法都没有效果，最后找到了一种解决的方案1.首先找到MySQL下的my.ini的文件2.将【client】下的default-character-set=latin 改为 default-character-set=utf8 3.将【mysqld】下的character-set-serv

2016-05-08 16:46:37 2227

原创 JSON

JSON和XML一样，都是一种结构化的数据表示方式，JSON是一种轻量级的数据交换格式 JSON数据类型有三种简单值：boolean 、string 、number、null、（JSON不支持undefined）【ps：true ‘hello’ 10 null 这些都是简单值】对象：object数组：array下面我JSON的一些表示方法并对比普通的表示方法观察区别//普通对象表示

2016-04-28 15:55:12 315

原创 XML 可扩展标记语言

XML的全称Extensible Markup Language，叫做可扩展标记语言，它和超文本标记语言很像，但是又有些不同XML设计目的是传输数据，而不是显示数据。它的标签被预定义，你需要自己进行定义它被设计为具有自我描述性它是W3C的推荐标准它和超文本标记语言为不同的目的而设计，XML被设计用来传输和存储数据，其焦点是数据的内容，而超文本标记语言被设计来显示数据，其焦点是数据的外观XM

2016-04-21 21:45:54 593

原创 Javascript表单

PS:本博客中的添加函数、阻止默认行为等方法依照封装的basic.js获取form的所有方法var fm = document.getElementById(‘myForm’);var fm = document.getElementsByTagName(‘form’)[0]; //HTML DOM通过0下标获取var fm = document.forms[0];var fm =

2016-04-09 22:37:51 311

原创一些常见跨浏览器方法的封装(basic.js)

//跨浏览器添加事件 function addEvent(obj,type,fn){ if (obj.addEventListener) { obj.addEventListener(type,fn,false); }else if (obj.attachEvent) { obj.attachEvent(‘on’+type,fn); } }//跨浏览器移除事

2016-04-09 21:20:11 851

原创 Javascript事件详解

想要清楚的对javascript的事件有一个详细的了解，我们必须搞明白以下几件事情：首先，必须明白以下几个概念什么是事件？什么是事件处理程序？事件类型有哪些？事件流？事件冒泡？事件捕获？事件对象？常见浏览器兼容问题怎么解决？事件的概念 javas使我们有能力创建动态页面，事件是可以被浏览器侦测到的行为，比方说，我们可以在用户点击某一个按钮的时候产生一个onclick来

2016-04-06 22:44:51 386

原创 DOM获取元素大小

1.style获取行内的元素大小 var box = document.getElementById('box'); alert(typeof box.style.width); alert(box.style.height);2.获取计算后的CSS大小，如果没有设置，非IE会获取默认大小，IE会理解为0 var style = window.getComputedS

2016-03-31 16:17:42 356

原创 DOM操作表格和样式

DOM操作表格1.html创建表格<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <script type="text/javasc

2016-03-31 16:12:43 386

原创浏览器检测

关于navigator navigator对象是window对象下的，使用navigator对象的一些属性可以获得浏览器的一些信息,常用的属性如下： alert(navigator.appName); //可以获得浏览器的名称，但是此属性不能的浏览器的名称 alert(navigator.userAgent); // 可以获得浏览器的用户代理，表示浏览器信息的东西 aler

2016-03-17 19:55:18 638

原创关于BOM的那些事儿

window对象 1.window对象是最顶层的对象 2.window对象有六大属性，这六大属性本身也是对象 3.window对象旗下的document也是对象并且document旗下有五大属性 4.document旗下的五大属性又是对象，总结：都是对象 Window screenLeft 和 screenTop 属性(Window screenLeft 和 screenTop 属性返回

2016-03-16 21:51:46 299

原创匿名函数与闭包

普通函数function box(){ return 'Lee';}alert(box()); //Lee匿名函数function (){ //单独的匿名函数是无法运行的，就算能运行也无法调用因为没有名称 return 'Lee';}把匿名函数赋值给变量var box=function () { return 'Lee';}alert(box())

2016-03-07 21:31:03 296 1

原创 Javascript面向对象与原型

面向对象与原型本Markdown编辑器使用StackEdit修改而来，用它写博客，将会带来全新的体验哦：原型的普通创建方式function Box(){} 　　　　　　// 构造函数Box.prototype.name='Tayle'; Box.prototype.age='25';Box.prototype.run=function(){return this.

2016-03-03 21:12:27 271

原创 HTML的块级元素以及内联元素

HTML的块级元素以及内联元素块元素一般都从新行开始，它可以容纳内联元素和其他块元素,常见块元素是段落标签'P"。“form"这个块元素比较特殊，它只能用来容纳其他块元素。如果没有css的作用，块元素会顺序以每次另起一行的方式一直往下排。而有了css以后，我们可以改变这种html的默认布局模式，把块元素摆放到你想要的位置上去。而不是每次都愚蠢的另起一行。需要指出的是，

2015-12-30 16:59:32 358

原创关于旅游网站建站的布局心得

很久没有自己做网站这次跟着李炎恢的视频HTML5视频教程做一个旅游网的网站才发现HTML5的博大精深。要建立一个网站第一步骤必然是了解需求后要想好怎么设计好页面怎么排版才能美观一个网页的布局是否美观是决定这个网站的第一要素。在做网页的时候发现网站必须满足一定的规范层次要分明要有目录结构都需要一个到的标题要充当它的目录是不需要的若子标题的

2015-12-30 16:58:44 1972

原创 Javascript 正则表达式

1.创建方法//方法一var box = new RegExp('box','gim'); //第一个参数为模式字符串，第二个参数为可选模式修饰符alert(box)；//方法二var box=/box/gim;alert(box);2.测试字符串的测试方法包括test() 和exec() 是正则表达式提供的 test是测试字符串中是否存在模式字符串返回的是布尔类型存在

2015-12-27 20:00:34 352

原创 Javascript History对象

History 对象JavaScript History 对象用于记录操作浏览器的访问历史。History 对象是 window 对象的一部分，可通过 window.history 属性对其进行访问。提示：History 对象的有效作用范围都是指当前窗口。History 对象 length 属性History 对象有唯一的一个 length 属性，用于得

2015-12-22 19:39:16 288

原创 DOM 对象控制 HTML

HTML DOM是HTML Document Object Model(文档对象模型)的缩写，HTML DOM则是专门适用于HTML/XHTML的文档对象模型。熟悉软件开发的人员可以将HTML DOM理解为网页的API。它将网页中的各个元素都看作一个个对象，从而使网页中的元素也可以被计算机语言获取或者编辑。例如Javascript就可以利用HTML DOM动态地修改网页。

2015-12-15 20:47:31 293

原创 Javascript内置对象之Date日期对象

Document function startTime () {var today = new Date();var h = today.getHours();var m = today.getMinutes();var s = today.getSeconds();m=checkTime (m);s=checkTime (s); document.

2015-12-15 14:22:32 306

原创 javascript之事件对象

1.事件对象在出发DOM事件时都会产生一个对象2.事件对象event1）：type：获取事件类型2）：target：获取时间目标如下：Document按钮 document.getElementById("btn").addEventListener("click",showType);funct

2015-12-14 14:49:40 282

原创 Javascript之事件处理

1.HTML事件处理直接添加到HTML结构中缺点：修改一处同时需要修改两处函数的名称如果被修改，html中的onclick事件也要修改。如下：事件处理按钮 function demo () { alert("Hello html事件处理"); }2.DOM 0级事件处理

2015-12-14 14:41:57 312

原创 Geolocation 地理定位

Document if(navigator.geolocation) { navigator.geolocation.getCurrentPosition( function showPosition (p) { var latitude = p.coords.latitude; va

2015-12-07 18:24:50 281

One And Only的博客