12-09
12-09
12-09
12-09
12-09
12-09
12-09
12-09
12-09
12-09
12-09
12-09
ADADADADAD
编程知识 时间:2024-12-24 19:30:23
作者:文/会员上传
12-09
12-09
12-09
12-09
12-09
12-09
12-09
12-09
12-09
12-09
12-09
12-09
Javscript是一门广泛使用于互联网的编程语言。它可以被用于创建互动式网站,增强用户体验。以下是Javascript可以做的一些事情的举例。1. 表单验证<script>function validateF
以下为本文的正文内容,内容仅供参考!本站为公益性网站,复制本文以及下载DOC文档全部免费。
Javscript是一门广泛使用于互联网的编程语言。它可以被用于创建互动式网站,增强用户体验。以下是Javascript可以做的一些事情的举例。
1. 表单验证
<script>function validateForm() {var x = document.forms["myForm"]["fname"].value;if (x == "") {alert("名字必须填写");return false;}}</script><form name="myForm" onsubmit="return validateForm()">名字: <input type="text" name="fname"><input type="submit" value="提交"></form>
2. 动态效果
<button onclick="myFunction()">点我</button><script>function myFunction() {document.getElementById("demo").innerHTML = "Hello World!";}</script><p id="demo"></p>
3. 轮播图与画廊
<script>var slideIndex = 1;showSlides(slideIndex);function plusSlides(n) {showSlides(slideIndex += n);}function currentSlide(n) {showSlides(slideIndex = n);}function showSlides(n) {var i;var slides = document.getElementsByClassName("mySlides");if (n > slides.length) {slideIndex = 1}if (n < 1) {slideIndex = slides.length}for (i = 0; i < slides.length; i++) {slides[i].style.display = "none";}slides[slideIndex-1].style.display = "block";}</script><div ><div ><div >1 / 3</div><img src="/post/img1.jpg" ></div><div ><div >2 / 3</div><img src="/post/img2.jpg" ></div><div ><div >3 / 3</div><img src="/post/img3.jpg" ></div><a onclick="plusSlides(-1)">❮</a><a onclick="plusSlides(1)">❯</a></div>
4. 数据展示与图表
<script src="https://cdn.jsdelivr.net/npm/apexcharts"></script><div id="chart"></div><script>var options = {chart: {type: 'bar'},series: [{name: 'sales',data: [30,40,45,50,49,60,70,91,125]}],xaxis: {categories: ['Jan','Feb','Mar','Apr','May','Jun', 'Jul', 'Aug', 'Sep']}}var chart = new ApexCharts(document.querySelector("#chart"),options);chart.render();</script>
总结来说,Javascript可以做很多事情,包括表单验证、动态效果、轮播图与画廊、数据展示与图表等等。这些功能可以让我们的网站更加生动,增强用户体验。
11-20
11-19
11-20
11-20
11-20
11-19
11-20
11-20
11-19
11-20
11-19
11-19
11-19
11-19
11-19
11-19