11JavaScript/day01/basic01.html · ZMRSoft/Python24

代码拉取完成,页面将自动刷新

扫描微信二维码支付

取消

支付完成

richgiteeai

Watch

不关注关注所有动态仅关注版本发行动态关注但不提醒动态

1 Star 0 Fork 4

ZMRSoft/Python24

forked from 空无一物/Python24

代码 Issues 0 Pull Requests 0 Wiki 统计流水线

服务

加入 Gitee

与超过 1400万开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)

免费加入

已有帐号? 立即登录

文件

master

分支 (4)

管理

master

dependabot/pip/django-2.2.13

gh-pages

dependabot/pip/pillow-6.2.0

克隆/下载

HTTPS SSH SVN SVN+SSH 下载ZIP

提示

下载代码请复制以下命令到终端执行

为确保你提交的代码身份被 Gitee 正确识别,请执行以下命令完成配置

git config --global user.name userName 
git config --global user.email userEmail

初次使用 SSH 协议进行代码克隆、推送等操作时,需按下述提示完成 SSH 配置

1 生成 RSA 密钥

2 获取 RSA 公钥内容,并配置到 SSH公钥中

在 Gitee 上使用 SVN,请访问使用指南

使用 HTTPS 协议时,命令行会出现如下账号密码验证步骤。基于安全考虑,Gitee 建议配置并使用私人令牌替代登录密码进行克隆、推送等操作

Username for 'https://gitee.com': userName

Password for 'https://userName@gitee.com': # 私人令牌

分支 4

标签 0

Python24

11JavaScript

day01

basic01.html

basic01.html 4.40 KB

<!doctype html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <meta name="viewport"
 content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
 <meta http-equiv="X-UA-Compatible" content="ie=edge">
 <title>Document</title>

<script>
 
 // js 函数,js的代码分号可写可不写,建议写分号,用来js文件格式化压缩的时候(去除多余空行),清晰分辨
 // alert("Hello World...")

// 
 // 
 // 在html,css窗口加载完毕才会执行window.onload的函数
 window.onload = function () {
 // 修改标签的内容, 内容的修改都是通过innerHTML
 document.getElementById("box").innerHTML = "js控制的内容";
 // 添加标签到父标签
 document.getElementById("box").innerHTML = "<p>div内部的p标签</p>";
 // 清空标签内容
 // document.getElementById("box").innerHTML = "";

// 修改节点样式是通过style来修改,css的background-color在js中使用的是大驼峰backgroundColor
 document.getElementById("box").style.width = "500px";
 document.getElementById("box").style.background = "green";
 document.getElementById("box").style.fontSize = "60px";

// 修改标签的属性,直接点属性即可,大部分html的属性名在js中是一样的,只有class属性不一样,在js中是className
 document.getElementById("link").href = "https://www.baidu.com"
 document.getElementById("pic").src = "xxx.jpg"
 document.getElementById("pic").alt = "这是被修改的替换文字"
 document.getElementById("pic").className = "box2"

// js中的变量var
 var oMyLink = document.getElementById("link");
 oMyLink.className = "box3"
 oMyLink.className = "box3"

// js数据类型 
 console.log("类型是%s", typeof(1.1)); // number (不存在int,float) 
 console.log(typeof("Hello World")); // string 
 console.log(typeof(false)); // boolean 
 console.log(typeof(null)); // object(js中的null也是一个对象) 
 console.log(typeof(myObj)); // undefined

// 定义函数,js允许函数预解析,可以调用在定义之前,变量不支持预解析
 // js中的与或非 && || !, python中的是单词and or not
 myFunc("你好")
 function myFunc(str) {
 console.log("%s,函数已被调用...", str);

if (1 > 2) {
 console.log("1 > 2");
 } else if (1 == 2){
 console.log("1 = 2");
 } else {
 console.log("1 < 2");
 }
 }
 }

</script>

</head>
<body>

<div onclick="alert('Hello World...')">测试行内js</div>

<!-- DOM文档对象模型:通过DOM自己的方式,将页面的所有标签形成一个**倒置**的树状结构图
 树状结构图中查找的是节点,从而找到节点(标签,属性,方法和内容)去被js控制

Document
 Head Body
 metadata title h1 span h2
 (每个节点的属性,方法,内容都可以被控制) 
 -->

<div id="box">测试DOM的查找及控制内容</div>

<a href="#" id="link">这是超链接</a>
 <img src="1.jpg" id="pic" alt="替换文字" class="box">
 
</body>
</html>

一键复制编辑原始数据按行查看历史

yiskr 提交于 2019年03月01日 05:35 +08:00 . 11JS基础day01完成

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100

<!doctype html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <meta name="viewport"
 content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
 <meta http-equiv="X-UA-Compatible" content="ie=edge">
 <title>Document</title>

 <!-- js的三种导入方式运行环境是cript标签,css的运行环境是style -->

 <!-- 1- 嵌入式写法 -->
 <script>
 
 // js 函数,js的代码分号可写可不写,建议写分号,用来js文件格式化压缩的时候(去除多余空行),清晰分辨
 // alert("Hello World...")

 // <!-- js入口函数:让浏览器从上到下遇见js先跳过,先加载html,css代码,读取完成后再加载js -->
 // <!-- 不然浏览器从上到下,在没有加载html,css的时候就加载js的代码 -->
 // 在html,css窗口加载完毕才会执行window.onload的函数
 window.onload = function () {
 // 修改标签的内容, 内容的修改都是通过innerHTML
 document.getElementById("box").innerHTML = "js控制的内容";
 // 添加标签到父标签
 document.getElementById("box").innerHTML = "<p>div内部的p标签</p>";
 // 清空标签内容
 // document.getElementById("box").innerHTML = "";


 // 修改节点样式是通过style来修改,css的background-color在js中使用的是大驼峰backgroundColor
 document.getElementById("box").style.width = "500px";
 document.getElementById("box").style.background = "green";
 document.getElementById("box").style.fontSize = "60px";


 // 修改标签的属性,直接点属性即可,大部分html的属性名在js中是一样的,只有class属性不一样,在js中是className
 document.getElementById("link").href = "https://www.baidu.com"
 document.getElementById("pic").src = "xxx.jpg"
 document.getElementById("pic").alt = "这是被修改的替换文字"
 document.getElementById("pic").className = "box2"


 // js中的变量var
 var oMyLink = document.getElementById("link");
 oMyLink.className = "box3"
 oMyLink.className = "box3"

 // js数据类型 
 console.log("类型是%s", typeof(1.1)); // number (不存在int,float) 
 console.log(typeof("Hello World")); // string 
 console.log(typeof(false)); // boolean 
 console.log(typeof(null)); // object(js中的null也是一个对象) 
 console.log(typeof(myObj)); // undefined 

 // 定义函数,js允许函数预解析,可以调用在定义之前,变量不支持预解析
 // js中的与或非 && || !, python中的是单词and or not
 myFunc("你好")
 function myFunc(str) {
 console.log("%s,函数已被调用...", str);

 if (1 > 2) {
 console.log("1 > 2");
 } else if (1 == 2){
 console.log("1 = 2");
 } else {
 console.log("1 < 2");
 }
 }
 }

 </script>

 <!-- 2- 外链式写法,开发中使用的就是外链式,注意外链式的也必须加window.onload -->
 <!-- <script src="./js/my_js.js"></script> -->

</head>
<body>

 <!-- 3- 行内式js, 用于处理行内元素用户出发的事件(click, 划过等等),用户不触发不会执行 -->
 <div onclick="alert('Hello World...')">测试行内js</div>

 <!-- DOM文档对象模型:通过DOM自己的方式,将页面的所有标签形成一个**倒置**的树状结构图
 树状结构图中查找的是节点,从而找到节点(标签,属性,方法和内容)去被js控制

 Document
 Head Body
 metadata title h1 span h2
 (每个节点的属性,方法,内容都可以被控制) 
 -->

 <!-- DOM查找结点的方式
 1- getElementById 最快的方式
 -->
 <div id="box">测试DOM的查找及控制内容</div>

 <a href="#" id="link">这是超链接</a>
 <img src="1.jpg" id="pic" alt="替换文字" class="box">
 
</body>
</html>

误判申诉

此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。

如您确认内容无涉及不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。

取消

提交

简介

网上搜集的自学python语言的资料集合,包括整套代码和讲义集合,这是至今为止所开放网上能够查找到的最新视频教程,网上找不到其他最新的python整套视频了,. 具体的无加密的mp4视频教程和讲义集合可以在更新的Readme文件中找到,下载直接打开就能播放,项目从零基础的Python教程到深度学习,总共30章节,其中包含Python基础中的飞机大战项目,WSGI项目,Flask新经资讯项目, Django的电商项目(本应该的美多商城项目因为使用的是Vue技术,所以替换为Django天天生鲜项目)等等,希望能够帮助大家。资源搜集劳神费力,能帮到你的话是我的福分,望大家多多支持,喜欢本仓库的话,记得Star哦。

暂无标签

/ZMRSoft/Python24/blob/master/11JavaScript/day01/basic01.html

使用 MIT 开源许可协议

0 Stars

1 Watching

4 Forks

取消