前端
关注
分享
扫一扫
快乐的小毛毛虫
爱吃西瓜的小毛毛虫。
展开
-
Java笔记21 网页编程
原创 2021-08-29 11:05:03 · 60 阅读 · 0 评论 -
Java笔记22.1 JS事件
原创 2021-08-30 19:39:15 · 48 阅读 · 0 评论 -
Java笔记22 JS 变量 数据类型 运算符 条件语句 函数的声明方式 数组 DOM和BOM的关系
原创 2021-08-30 18:37:22 · 99 阅读 · 0 评论 -
Java笔记 22.2 DOM对象 以及DOM和BOM的关系
原创 2021-08-31 09:54:04 · 102 阅读 · 0 评论 -
java笔记 22.2JS 中BOM对象的window,history,location,screen
<script> function testLocation(){ var href = window.location.href; var hostname = window.location.hostname; var port = window.location.port; var host = window.location.host; alert(href+"---------"+hostname+"-----------"+p...原创 2021-08-31 09:59:28 · 65 阅读 · 0 评论 -
java笔记22.3JS的DOM节点类型
原创 2021-08-31 10:10:28 · 52 阅读 · 0 评论 -
23.1 JQ分层选择器
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> div{ width = "100px"; height="120px"; border: 1px solid red; } </style> <script src = "./js/jque.原创 2021-09-02 10:43:46 · 67 阅读 · 0 评论 -
23.2JQ 选择器
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> div{ width:130px; height:220px; border : 1px solid red; } </style> <script src = "./js/jquery...原创 2021-09-02 11:47:42 · 52 阅读 · 0 评论 -
22.4 JS中 DOM获得元素方式：直接获得，间接获得
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script> /***********直接获得节点对象的方式***************/ function demo1(){ //通过id的方式直接获得一个对象 var h = document.getEleme...原创 2021-08-31 12:41:16 · 119 阅读 · 0 评论 -
22.5 JS DOM操作属性
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script> function demo1(){ //获得id名称是inpl对象节点 var inpl = document.getElementById("inpl"); //获得节点对象的属性 var ty = inpl.typ.原创 2021-08-31 14:51:20 · 71 阅读 · 0 评论 -
22.6 JS DOM操作样式
原创 2021-08-31 15:24:26 · 47 阅读 · 0 评论 -
22.7 js DOM操作文本和值
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> #div1{ background-color: #0077AA; height:100px; width:200px; } </style> <script> functi...原创 2021-08-31 16:33:22 · 76 阅读 · 0 评论 -
JQ 事件
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src= "./js/jquery.js" type="text/javascript" charset="UTF-8"></script> <script type="text/javascript"> //-------.原创 2021-09-04 09:58:11 · 93 阅读 · 0 评论 -
JQ操作页面元素 append insertAfter
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> #div1{ height:200px; weight:300px; border: 11px solid red; } p{ border:1px solid green; } </styl.原创 2021-09-03 15:03:50 · 151 阅读 · 0 评论 -
JQ 选择器
原创 2021-09-02 21:22:19 · 59 阅读 · 0 评论 -
JQ 基本选择器 id 类选择器 元素选择器 jq和js相互转化
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src = "./js/jquery.js" type = "text/javascript" charset="UTF-8"></script> <script type="text/javascript"> $(func.原创 2021-09-02 10:04:10 · 218 阅读 · 0 评论