2018-06-29博客

Posted postgredingdangniu

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了2018-06-29博客相关的知识,希望对你有一定的参考价值。

Js文件先嵌入公共的(JQuery.js/BootStrap.js),再嵌入自己的.js文件!

技术分享图片

技术分享图片

Js调用方法:

①   在html文件标签中加入一个onClick事件,然后调用这个方法(onClick="startop()")!

②   如上图所示:在方法里面写一个$(‘#but1‘).click()事件,完事之后放到之前写好的页面加载完成的函数里面!

 

$(‘#inp1‘).val()

//获取/修改值都要加小括号,小括号内不加内容就是获取值,加内容就是修改值!

//类似于获取/修改属性,一个值是获取,两个值是修改!

 

 

06-27下午:Ajax

 

Ajax:

①   请求

②   响应

 

请求服务器,服务器把你想要的东西发送回来!

 

Js:可以页面不刷新

//创建Ajax对象

Var xhr = new XMLHttpRequest();

//监听Ajax状态(5种状态)

 

//发起请求

Xhr.open(‘get’,’index.html’);

Xhr.open(‘post’,’index.html’,同步异步true/false);

 

//传数据(搞清楚数据的走向,知道数据到哪儿了,现在是什么状态)

Xhr.send(null);

 

 

搜索get/post传值方式!!!

 

 

?键值对&键值对

 

参数:客户端发到服务器的

响应:服务器返回的响应信息!

 

服务器管理软件:tomcat!

 

 

 

 

JQuery:

$.ajax({

     Async:true,  //同步和异步(同步是一切等Ajax请求完才能干别的,异步Ajax请求着,用户还能干别的,默认是同步)

     url:“”,

     data:{name:“”,age:12},

     type:‘get/post’,  //删掉默认get

     datatype:‘text’, //删掉默认text

     success:function(data){

     //内容!

}

});

 

Jq:append

Prepend!

 

$(‘input[type=checkbox]:checked’)  //筛选所有checkbox标签所有选中的!!!

 

Easyui:前端框架!

 

Echarts:框架!

 

LayUI:需要引入JQuery文件!

 

想成为大神,需要自己写插件!!!

 

JQuery中:

Addclass():添加属性!

Attr():添加之后覆盖属性!

 

JQuery绑定事件:

$(‘div‘).bind(‘click‘,function(){

    

})

 

$(‘div‘).bind(‘click‘,function(){

    

})

//这个是绑定事件,点击这个div时,可以同时调用两个方法!

$(‘div‘).unbind(‘click‘);

//取消绑定!

 

正则表达式!

 

百度地图调用方法:

<!DOCTYPE html> 

<html>

<head> 

<meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> 

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 

<title>Hello, World</title> 

<style type="text/css"> 

html{height:100%} 

body{height:100%;margin:0px;padding:0px} 

#container{height:100%} 

</style> 

<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.2">

//v2.0版本的引用方式:src="http://api.map.baidu.com/api?v=2.0&ak=您的密钥"

</script>

</head> 

 

<body> 

 

 

<div id="container" style="width: 50%; height: 500px;" ></div>

 

 

 

<script type="text/javascript">

     var map = new BMap.Map("container");

     // 创建地图实例 

     var point = new BMap.Point(116.404, 39.915);

     // 创建点坐标 

     map.centerAndZoom(point, 15);

     // 初始化地图,设置中心点坐标和地图级别 

//   map.enableScrollWheelZoom(true);

//   map.addControl(new BMap.NavigationControl());   

     map.addControl(new BMap.ScaleControl());   

     map.addControl(new BMap.OverviewMapControl());   

     map.addControl(new BMap.MapTypeControl());   

     map.setCurrentCity("北京");

     var marker = new BMap.Marker(new BMap.Point(116.404, 39.915)); // 创建点

     map.addOverlay(marker);

</script> 

</body> 

</html>

以上是关于2018-06-29博客的主要内容,如果未能解决你的问题,请参考以下文章

我的第一条博客 - test

欢迎来的我博客哦

博客帮助文档

开通博客园博客说明

博客迁移至个人技术博客

oracle博客网址