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>

转载于:https://www.cnblogs.com/postgredingdangniu/p/9245755.html

2018-06-29博客相关推荐

  1. CSDN:2018年度CSDN博客之星评选竞赛——094号,感谢您,投上的宝贵一票,感谢!感恩!

    CSDN:2018年度CSDN博客之星评选竞赛--094号,感谢您,投上的宝贵一票,感谢!感恩! 目录 导读 2018年我的主题-感恩 CSDN简介 CSDN使命 CSDN的合作伙伴 导读 我是第09 ...

  2. 2018我的博客历程:你带来微笑,我有幸得到

    从大学毕业至今已经从事软件开发2年有余了,同样,写博客的习惯也已经坚持了2年.我很少写技术无关的文章,时值年终,我还是想通过分享自己的经历,同时分享这2年我对 写博客的理解,或者说是对 学习方式的思考 ...

  3. 2018年CSDN博客排名第一名,花落谁家?

    截止2018年10月9日 https://blog.csdn.net/stpeace/ [小虎问题]: 通过搜索引擎例如:百度.搜狗.Bing等 如何快速搜索,定位谁是CSDN博客的第几名? 想知道谁 ...

  4. 2018年 CSDN博客背景皮肤设置

    登录CSDN后,点击"我的博客",如下图所示, 点击"管理博客"进入博客管理界面,如下图所示, 点击左侧菜单设置的"博客设置",如下图 如当 ...

  5. CSDN:荣幸获得国内第一大技术社区CSDN 2018博客之星名额!感谢!

    CSDN:很荣幸,博主刚刚获得国内第一大社区CSDN-[2018年度CSDN博客之星荣誉],再次感谢CSDN的公平.公正.公开! PS:下边所有的文字,均是博主走心的分享,如果能对大家带来还算比较正的 ...

  6. 2018 年博客总结

    2018 年发布的文章 一共发布了 27 篇博客,平均一个月 2 篇,量有点少. 2018 年至少有一半的博客是为了给自己看而记录的,按照现在的情况,2019 年还会有大量的工作记录. MyBatis ...

  7. HTML期末大作业~web前端开发个人博客HTML整站模板~Web大学生网页成品 ~个人主页博客网页HTML设计制作...

    HTML期末大作业~ 学生HTML个人网页作业作品下载 个人主页博客网页设计制作 大学生个人网站作业模板 简单个人网页制作 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTM ...

  8. HTML期末大作业~web前端开发个人博客HTML整站模板~Web大学生网页成品 ~个人主页博客网页HTML设计制作

    HTML期末大作业~ 学生HTML个人网页作业作品下载 个人主页博客网页设计制作 大学生个人网站作业模板 简单个人网页制作 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTM ...

  9. Vue 第一天学习 ---2018.06.28

    Vue  第一天学习 ---2018.06.28 1.引包 2.学会控制元素.显示数据,基本框架建立 <title>Document</title> <script sr ...

  10. Unity 3D 博客汇总

    附录 X4.作业优秀博客汇总 目录 文章目录 附录 X4.作业优秀博客汇总 1.最有价值个人博客(Valuable Person Blogs) 2.博客表达技巧与游戏创新 2.1 写读者欢迎的游戏博客 ...

最新文章

  1. 3 html语言是什么,HTML语言剖析(3)
  2. sort cut 命令的常用用法
  3. LINUX下的tty,console与串口分析
  4. debconf-set-selections mysql_docker 静默安装mysql
  5. OpenCV图像处理基础操作(3)
  6. Vue中 keep-alive 详解
  7. selenium操作浏览器
  8. kafka的分区详解
  9. cocos2dx android工程接入联通Unipay sdk
  10. Android 6.0 AppOps 简介
  11. 内容仓库Apache JackRabbit
  12. 坚定、信心和进取是成功的基石
  13. IoC容器Autofac
  14. 计算机网络 第四章 答案(更正版)(谢希仁 第七版)
  15. 【Java整合Milvus】SpringBoot整合Milvus向量数据库以及虹软SDK实现以图搜图
  16. 通过王者来帮你理解脏读、不可重复读和幻读
  17. g4600黑苹果efi_普通电脑也能安装苹果系统,喜欢折腾就用黑苹果
  18. 好声方可入人心,数美科技智能音频审核方案为音频内容消费保驾护航
  19. 人工神经网络 经验公式_拒绝“按下葫芦浮起瓢”,四次雅思的“老油条”来传授口语经验...
  20. 专题图制作(点密度图、分层设色图/等级图、单值图、柱状图、饼状图)

热门文章

  1. iOS调试技巧-断点调试
  2. ios::sync_with_stdio(true);
  3. SuperMap IS.NET保存地图之Ajax篇(转)
  4. LeetCode数据库 176. 第二高的薪水
  5. 1089 狼人杀-简单版 (20分)
  6. 7-26 单词长度 (15 分)
  7. Ansible(一)工作架构和原理
  8. windows 软链接_Linux 基础-软链接和硬链接区别
  9. The Learning route of GNN
  10. 2021年四川省政府工作报告:促进5G、大数据、区块链等技术与传统产业融合发展