10.30学习

最新推荐文章于 2024-10-15 10:20:47 发布
最新推荐文章于 2024-10-15 10:20:47 发布
阅读量113 收藏
点赞数
文章标签： 学习 html javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/huxin0316/article/details/127596989
版权

一、html补充 ： Emoji字符、背景图像、CSS圆角效果

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div id="a">&#128516; &#65; &#128525;</div>
    <div style="width: 200px;height: 200px;background-color: pink;" id="b"></div>
    <div style="width: 200px;height: 200px;background-color: pink;" id="c"></div>
    <div style="width: 200px;height: 200px;background-color: pink;" id="d"></div>
    <div id="e"></div>
</body>
<style>
    #b{
        border-radius: 50px;
    }
    #c{
        border-radius: 100px;
    }
    #d{
        border-radius: 50%;
    }
    #e{
        height: 300px;
        width: 300px;
        background-image: url(3.jpg);
    }
</style>
</html>

二、字符串方法

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript 字符串方法</h1>

<p>indexOf() 方法返回指定文本首次出现的位置：</p>

<p id="demo"></p>

<script>
var str = "The full name of China is the People's Republic of China.";
var pos = str.indexOf("full");
document.getElementById("demo").innerHTML = pos;
</script>

</body>
</html>
<!DOCTYPE html>
<html>
<body>

<h1>JavaScript 字符串方法</h1>

<p>slice() 提取字符串的某个部分，并在新字符串中返回被提取的部分。</p>

<p id="demo"></p>

<script>
var str = "Apple, Banana, Mango";
var res = str.slice(7,13);
document.getElementById("demo").innerHTML = res; 
</script>

</body>
</html>
<!DOCTYPE html>
<html>
<body>

<h1>JavaScript 字符串方法</h1>

<p>slice() 提取字符串的某个部分，并在新字符串中返回被提取的部分。</p>

<p id="demo"></p>

<script>
var str = "Apple, Banana, Mango";
var res = str.slice(-13,-3);
document.getElementById("demo").innerHTML = res;
</script>

</body>
</html>
<!DOCTYPE html>
<html>
<body>

<h1>JavaScript 字符串方法</h1>

<p>substring() 提取字符串的某个部分，并在新字符串中返回被提取的部分。</p>

<p id="demo"></p>

<script>
var str = "Apple, Banana, Mango";
var res = str.substring(-78,5);
document.getElementById("demo").innerHTML = res;
</script>

</body>
</html>
<!DOCTYPE html>
<html>
<body>

<h1>JavaScript 字符串方法</h1>

<p>请把下面的段落中的“Microsoft”替换为“W3School”：</p>

<button onclick="myFunction()">试一试</button>

<p id="demo">请访问 Microsoft！</p>

<script>
function myFunction() {
  var str = document.getElementById("demo").innerHTML; 
  var txt = str.replace("MICROSOFT","W3School");
  document.getElementById("demo").innerHTML = txt;
}
</script>

<p>此例无效，因为 MICROSOFT 为大写。</p>

</body>
</html>
<!DOCTYPE html>
<html>
<body>

<h1>JavaScript 字符串方法</h1>

<p>concat() 方法连接两个或多个字符串：</p>

<p id="demo"></p>

<script>
var text1 = "Hello";
var text2 = "World!";
var text=text1 + " " + text2; 
//var text3 = text1.concat(" ",text2);
document.getElementById("demo").innerHTML = text;
</script>

</body>
</html>
<!DOCTYPE html>
<html>
<body>

<h1>JavaScript 字符串方法</h1>

<p>单击“试一试”以显示在字符串拆分后的第一个数组元素。</p>

<button onclick="myFunction()">试一试</button>

<p id="demo"></p>

<script>
function myFunction() {
  var str = "a,b,c;d,e,f";
  var arr = str.split(";");
  document.getElementById("demo").innerHTML = arr[0];
}
</script>

</body>
</html>

三、BOM

1.JS History

<html>
<head>
<script>
function goBack() {
    window.history.back()
 }
</script>
</head>
<body>

<input type="button" value="Back" onclick="goBack()">

</body>
</html>
<html>
<head>
<script>
function goForward() {
    window.history.forward()
 }
</script>
</head>
<body>

<input type="button" value="Forward" onclick="goForward()">

</body>
</html>

2、JS弹出框

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript 警告框</h1>

<button onclick="myFunction()">试一试</button>

<script>
function myFunction() {
  alert("我是一个警告框！");
}
</script>

</body>
</html>
<!DOCTYPE html>
<html>
<body>

<h1>JavaScript 确认框</h1>


<button onclick="myFunction()">试一试</button>

<p id="demo"></p>

<script>
function myFunction() {
  var txt;
  if (confirm("Press a button!")) {
    txt = "您按了确定";
  } else {
    txt = "您按了取消";
  }
  document.getElementById("demo").innerHTML = txt;
}
</script>

</body>
</html>
<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Prompt</h1>

<button onclick="myFunction()">试一试</button>

<p id="demo"></p>

<script>
function myFunction() {
  var txt;
  var person = prompt("请输入您的名字：", "哈利波特");
  if (person == null || person == "") {
    txt = "用户取消输入";
  } else {
    txt = "你好，" + person + "！今天过得好吗？";
  }
  document.getElementById("demo").innerHTML = txt;
}
</script>

</body>
</html>
<!DOCTYPE html>
<html>
<body>

<h1>JavaScript</h1>

<p>在警告框中换行。</p>

<button onclick="alert('Hello\nHow are you?')">试一试</button>

</body>
</html>

3、JS Timing

<!DOCTYPE html>
<html>
<body>

<p>点击“试一试”。等 3 秒。该页面将提醒“Hello”。</p>

<p>单击“停止”以阻止第一个函数执行。</p>

<p>（在 3 秒钟之前，您必须单击“停止”。）</p>

<button onclick="myVar = setTimeout(myFunction, 3000)">试一试</button>

<button onclick="clearTimeout(myVar)">停止</button>

<script>
function myFunction() {
  alert("Hello");
}
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<body>

<p>此页面上的脚本启动这个时钟：</p>

<p id="demo"></p>

<button onclick="clearInterval(myVar)">停止时间</button>

<script>
var myVar = setInterval(myTimer ,1000);
function myTimer() {
  var d = new Date();
  document.getElementById("demo").innerHTML = d.toLocaleTimeString();
}
</script>

</body>
</html>

4、JS Cookies

function setCookie(cname, cvalue, exdays) {
    var d = new Date();
    d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000));
    var expires = "expires="+d.toUTCString();
    document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
}

function getCookie(cname) {
    var name = cname + "=";
    var ca = document.cookie.split(';');
    for(var i = 0; i < ca.length; i++) {
        var c = ca[i];
        while (c.charAt(0) == ' ') {
            c = c.substring(1);
         }
        if (c.indexOf(name)  == 0) {
            return c.substring(name.length, c.length);
         }
    }
    return "";
}

function checkCookie() {
    var user = getCookie("username");
    if (user != "") {
        alert("Welcome again " + user);
    } else {
        user = prompt("Please enter your name:", "");
        if (user != "" && user != null) {
            setCookie("username", user, 365);
        }
    }
}
huxin0316
关注
IAR10.30.1安装包
09-21
开发者可以通过这些资源学习如何配置和调用Zigbee功能，理解底层通信机制，进一步提升开发效率。 总之，IAR10.30.1为Zigbee开发者提供了强大的工具集，无论你是新手还是经验丰富的专业人士，都能在其中找到满足需求...
java10.30哈哈哈哈
10-30
"java10.30哈哈哈哈"这个标题可能是指在2018年10月30日发布的Java版本，因为Java通常以日期作为版本号的一部分。然而，由于没有提供具体的版本信息，我们只能推测。 Java语言的特点包括： 1. **跨平台性**：通过...
10.30 学习笔记
hk_kang的博客
10-30 416
2.2四次挥手 2.2.1四次挥手的详述 假设客户端发起中断连接请求，也就是发送FIN报文。服务器端接收到到FIN报文，意味着客户端没有数据要发送了，但是如果服务器端还有数据没有发送完成，则不必急着关闭Socket，可以继续发送数据，服务器先发送ACK，意味着服务器端还有数据需要发送。这时候客户端进入FIN_WAIT状态，继续等待服务器端的FIN报文。 当服务器端确定数据发送完成，则向客户端发送...
10.30学习笔记
weixin_30477797的博客
10-30 100
魔术方法 __FUNCTION__ 获取函数的名字 function display() { echo(__FUNCTION__); } display(); 匿名函数 自动调用 array_filter(数组名，匿名函数(参数){函数体}) 例子： $arr = [1,2,3,4]; $ars = array_filter($arr,function(...
灯塔10.30学习内容
qq_74261379的博客
10-30 97
submit/reset/button:定义提交按钮/重置按钮/可点击按钮。date/time/datetime-local:定义日期/时间/日期时间。<select>:定义下拉列表,<option>定义列表项。<input>:表单项,通过type属性控制输入形式。text:默认值，定义单行的输入字段。<th></th>/*表头单元格*/<td></td>/*表示普通单元格*/password:定义密码字段。checkbox:定义复选框。<tr>/*定义表格中的行*/radio:定义单选按钮。
10.30学习思考
2301_80045923的博客
10-30 72
4.c语言的空格位置、空格格数也要仔细检查，在pta里面做题很容易被这些小错误困扰导致出现编译错误的提示。2. a++的意思是a先输出再加然而++a是a先加再输出，初学者容易搞不清楚。6.一个数做%10就得到它的个位数，一个数做/10就去掉了它的个位数。5.for的条件可以省略，但是分号不能省略，for（）后面没有分号。1.else：（1）缩进格式不能暗示else的配齐。10.自变量需要先声明，不可随意使用，会报错。3.scanf要有取址符，不然是不合法的。9.每个函数中都应该包含main（）函数。
10.30学习日报 switch分支
Lululovesickness的博客
10-31 142
switch分支 switch(变量){ case 值1: 要执行的代码; break; case 值n: 要执行的代码; break; default: 上述值都不匹配时会进入本分支 break; } switch分支 vs if 分支 特点 代码比if分支更加简洁 缺点 无法处理范围数据 例如：如果分数在60到80之间，打印良好 if(score>60 || score<80){打印良好} 总结 if语句可以处理任何分支 功能更强 if
灯塔10.30
danmuhaha的博客
10-30 111
学习了string类的常用方法，了解了类的基本概念，类的定义和方法的使用，也了解了对象的创建与使用，同时也学习了java的get，set方法，this，封装原理，对面向对象有了一定的了解和认识。
学习日报10.30
addio_的博客
10-30 177
switch分支 应用 计算机编程大赛的奖励 需求 韩嫣参加计算机编程大赛 如果获得第一名，将参加麻省理工大学组织的1个月夏令营 如果获得第二名，将奖励惠普笔记本电脑一部 如果获得第三名，将奖励移动硬盘一个 否则，不给任何奖励 分析 解决 另一种分支 switch 格式 switch(变量){ case 值1: 要执行的代码; break; case 值n: 要执行的代码; break; default: 上述值都不匹配时会进入本分支 break; }
学习笔记10.30
weixin_30367543的博客
10-30 104
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <hea...
10.30C语言学习记录
Zhou_zzzzz的博客
10-30 93
/找a1有问题，a1应该是用for循环，只要一直输入，一直遍历就可以了，不需要在for里面套for。闰年的2月有29天。输入在一行中按照格式“yyyy / mm / dd”（即“年 / 月 / 日”）给出日期。//判断a1---遍历输入的每个数，找到最大值并输出（写过但忘记怎么写的了。//判断a1---遍历输入的每个数，找到最大值并输出（写过但忘记怎么写的了。//此处有误，要注意是闰二月以后才+1，以前不加；判断a1---遍历输入的每个数，找到最大值并输出。//果不其然，判断年和月要分开，用（）
10.30开扇特效.zip
10-30
【标题】"10.30开扇特效.zip"是一个压缩包文件，通常包含一系列用于创建特定视觉效果的资源或程序。"开扇特效"在IT行业中，特别是多媒体和动画制作领域，指的是模拟传统扇子打开过程的一种动态效果。这种特效广泛...
QQ2013通讯DEMO-10.30
05-14
通过QQ2013通讯DEMO-10.30的学习，开发者不仅可以掌握如何创建具有吸引力的用户界面，还能深入理解Winform平台下的网络通信，这对于开发桌面即时通讯软件或者其他类似应用具有极大的帮助。同时，这个案例也鼓励...
大学生创业个案调查修改（10.30）(1).zip
09-15
6. **案例研究**：报告中的案例分析部分，可能会选取一些成功的或有代表性的大学生创业项目进行剖析，以提供实例学习和经验借鉴。 7. **问题与对策**：通过对调查数据的分析，报告可能指出了大学生创业面临的主要...
【人工智能学习之PaddleOCR快速上手】
Jiagym的博客
10-12 1260
在配置文件中，可以设置组建模型、优化器、损失函数、模型前后处理的参数，PaddleOCR从配置文件中读取到这些参数，进而组建出完整的训练流程，完成模型训练，在需要对模型进行优化的时，可以通过修改配置文件中的参数完成配置，使用简单且方便修改。而 L2 正则化中，添加正则化项的目的在于减少参数平方的总和。准确检测的标准是检测框与标注框的IOU大于某个阈值，正确识别的检测框中的文本与标注的文本相同。如果缺少带标注的数据，或者不想投入研发成本，建议直接调用开放的API，开放的API覆盖了目前比较常见的一些垂类。
MySQL数据库的详细学习步骤
2401_87352036的博客
10-11 1233
MySQL数据库的详细学习步骤可以归纳为以下几个阶段，每个阶段都包含了特定的学习内容和目标。
如何用3个月零基础入门网络安全？_网络安全零基础怎么学习
最新发布
2401_84466224的博客
10-15 774
我们知道计算机最早是在西方发明出来的，很多名词或者代码都是英文的，甚至现有的一些教程最初也是英文原版翻译过来的，而且一个漏洞被发现到翻译成中文一般需要一个星期的时间，在这个时间差上漏洞可能都修补了。”答案是否定的，黑客用的电脑,不需要什么高的配置,只要稳定就行.因为黑客所使用的一些程序,低端CPU也可以很好的运行,而且不占什么内存.还有一个,黑客是在DOS命令下对进行的,所以电脑能使用到最佳状态!观看学习近十年所有0day挖掘的帖，然后搭建环境，去复现漏洞，去思考学习笔者的挖洞思维，培养自己的渗透思维。
SpringCloud的学习（四）Micrometer、GateWay
二狗mao的博客
10-10 1155
步骤：新建类名xxx需要以RoutePredicateFactory结尾，并继承AbstractRoutePredicateFactory类。@Component //此注解不可忘重写apply方法@Override新建apply所需要的静态内部类MyRoutePredicateFactory.Config，这个类就是我们路由断言规则。（重要）@Validated@Setter@Getter@NotEmpty//钻、金、银等用户等级空参构造方法，内部调用super。
论文及其创新点学习cvpr2022 On the Integration of Self-Attention and Convolution
qq_53536373的博客
10-13 439
论文创新点，将注意力机制 和卷积 相结合。
cron 每天8点到10.30
06-09
您想要设置一个 cron 任务，使其在每天的 8 点到 10 点 30 分之间运行。您可以使用以下 cron 表达式： ``` 0 8-10,10-30 * * * command ``` 这个表达式的意思是：在每天的第 0 分钟，如果小时在 8 到 10 之间或者在 10 到 30 之间，就执行指定的命令。您可以将 "command" 替换为您需要执行的实际命令。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值