搜尋
首頁web前端html教學如何将脚本放在页面里?_html/css_WEB-ITnose


用JS脚本书写文字的方法,下面是一个简单的例子:

============================================== 
脚本代码:

 
============================================== 
效果: 这是红色的字 
============================================== 
javascript和java是不同的。java是由SUN公司开发的面向对象的程序语言,它可以用来编写独立的java程序,或者编写称 
之为java applet的小程序,它主要针对于专业的编程人员,并非普通用户使用,而且一般情况下你是看不到它的源代码 
的。其中与主页制作比较密切的是java applet,它的源代码经过编译后才能执行,使用时你需要将applet代码插入HTML, 
通过浏览器载入执行。由于它装载的时间较长,如果网页中的java applet程序太多会导致页面下载很慢。这样你的访问者 
也许没有过多的耐心等待页面完全显示出来就会离开了。 我们这里所说的是javascript,你可以将它看作是java的“亲 
戚”,它实际上是一种脚本语言,是文本性质的,所以我们能够看到它的源代码,非常便于学习和理解,稍有编程经验的 
人都能迅速改变和修改其源代码以适应自己的页面,是一种真正意义上的面向普通用户的脚本语言。javascript脚本代码 
一般插入到HTML的

或区,当浏览器浏览有JS脚本的页面时就会执行并产生“交互”的动态页面效果,速度非 
常快。现在凡是制作得比较出色的网站无一例外都或多或少地使用了javascript技术。

需要注意的是:javascript脚本必须要浏览器支持才可以,如果浏览器不支持javascript或者浏览器的javascript选项没 
有打开也是不能执行的。以IE浏览器为例打开javascript的方法是“查看-选项-高级”中允许运行java即可。

如何书写javascript?

首先,javascript不是HTML。它是HTML中的一段文本。HTML的语法并不非常的严谨,实际上是非常宽松的,比如你在文字 
间或者段落间加入若干的空格对于HTML并没有多大的区别,这也就是为什么大多数HTML语言没必要非得写在同一行,写不 
写在一行这对于HTML没有任何得区别。

javascript的语法规则就要严格得多。如果这样写上面得例子:document.write("这是红色 
的字
") ,即你断行了,执行时就会出错(出错提示为:无效的结尾)。这一点应该注意。

另一个问题是:javascript大小写敏感吗? 回答是:YES

javascript的首行应该是:

记住:javascript 脚本以. 结束。

再看看上面的例子,稍微解释一下:

document.write("这是红色的字")这一句中,document是一个“已存在的对象”,write是实 
现的“方法”。于是脚本就明白了用对象写点什么东西,括弧里面就是要写的东西,你可以使用标准的HTML语法。注意: 
双引号里面要用单引号,要配对才行。否则脚本运行出错。

=================================================== 
复习一下: 
(1) 
这是红色的字这是蓝色的字

源代码: 
 
(2) 
这是红色的字

这是蓝色的字

源代码: 

:-D 在同一行和换行都要会写啊! 

陳述
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
如何在Word中复制页面如何在Word中复制页面Feb 20, 2024 am 10:09 AM

是否要复制MicrosoftWord中的页面,并保持格式不变?这是一个聪明的想法,因为当您想要创建特定文档布局或格式的多个副本时,在Word中复制页面可能是一种有用的节省时间的技术。本指南将逐步引导您在Word中复制页面的过程,无论是创建模板还是复制文档中的特定页面。这些简单的说明旨在帮助您轻松地重新制作页面,省去从头开始的麻烦。为什么要在MicrosoftWord中复制页面?在Word中复制页面非常有益的原因有以下几点:当您有一个具有特定布局或格式的文档要复制时。与从头开始重新创建整个页面不同

Python 脚本打包 exe,auto-py-to-exe 来帮你!Python 脚本打包 exe,auto-py-to-exe 来帮你!Apr 13, 2023 pm 04:49 PM

一. 什么是auto-py-to-exeauto-py-to-exe 是一个用于将Python程序打包成可执行文件的图形化工具。本文就是主要介绍如何使用 auto-py-to-exe 完成 python 程序打包。auto-py-to-exe 基于 pyinstaller ,相比于 pyinstaller ,它多了 GUI 界面,用起来更为简单方便二. 安装 auto-py-to-exe首先我们要确保我们的 python 环境要大于或等于 2.7 然后在 cmd 里面输入:pip install

超硬核!11个非常实用的 Python 和 Shell 拿来就用脚本实例!超硬核!11个非常实用的 Python 和 Shell 拿来就用脚本实例!Apr 12, 2023 pm 01:52 PM

Python 脚本部分实例:企业微信告警、FTP 客户端、SSH 客户端、Saltstack 客户端、vCenter 客户端、获取域名 ssl 证书过期时间、发送今天的天气预报以及未来的天气趋势图;Shell 脚本部分实例:SVN 完整备份、Zabbix 监控用户密码过期、构建本地 YUM 以及上篇文章中有读者的需求(负载高时,查出占用比较高的进程脚本并存储或推送通知);篇幅有些长,还请大家耐心翻到文末,毕竟有彩蛋。Python 脚本部分企业微信告警此脚本通过企业微信应用,进行微信告警,可用于

五个方便好用的Python自动化脚本五个方便好用的Python自动化脚本Apr 11, 2023 pm 07:31 PM

相比大家都听过自动化生产线、自动化办公等词汇,在没有人工干预的情况下,机器可以自己完成各项任务,这大大提升了工作效率。编程世界里有各种各样的自动化脚本,来完成不同的任务。尤其Python非常适合编写自动化脚本,因为它语法简洁易懂,而且有丰富的第三方工具库。这次我们使用Python来实现几个自动化场景,或许可以用到你的工作中。1、自动化阅读网页新闻这个脚本能够实现从网页中抓取文本,然后自动化语音朗读,当你想听新闻的时候,这是个不错的选择。代码分为两大部分,第一通过爬虫抓取网页文本呢,第二通过阅读工

处理Laravel页面无法正确显示CSS的方法处理Laravel页面无法正确显示CSS的方法Mar 10, 2024 am 11:33 AM

《处理Laravel页面无法正确显示CSS的方法,需要具体代码示例》在使用Laravel框架开发Web应用时,有时候会遇到页面无法正确显示CSS样式的问题,这可能会导致页面呈现不正常的样式,影响用户体验。本文将介绍一些处理Laravel页面无法正确显示CSS的方法,并提供具体的代码示例,帮助开发者解决这一常见问题。一、检查文件路径首先要检查CSS文件的路径是

3秒跳转页面实现方法:PHP编程指南3秒跳转页面实现方法:PHP编程指南Mar 25, 2024 am 10:42 AM

标题:3秒跳转页面实现方法:PHP编程指南在网页开发中,页面跳转是常见的操作,一般情况下我们使用HTML中的meta标签或者JavaScript的方法进行页面跳转。不过,在某些特定的情况下,我们需要在服务器端进行页面跳转。本文将介绍如何使用PHP编程实现一个在3秒内自动跳转到指定页面的功能,同时会给出具体的代码示例。PHP实现页面跳转的基本原理PHP是一种在

如何在iPhone上自定义和编辑待机模式:iOS 17的新功能如何在iPhone上自定义和编辑待机模式:iOS 17的新功能Sep 21, 2023 pm 04:01 PM

待机是iOS17更新中的一项新功能,它提供了一种新的增强方式,可以在手机快速闲置时访问信息。通过StandBy,您可以方便地查看时间、查看即将发生的事件、浏览日历、获取您所在位置的天气更新等等。激活后,iPhone在充电时设置为横向时会直观地进入待机模式。此功能非常适合床头柜等无线充电点,或者在日常任务中离开iPhone充电时。它允许您轻扫待机中显示的各种小部件,以访问来自各种应用程序的不同信息集。但是,您可能希望根据您的偏好和您经常需要的信息修改这些小部件,甚至删除一些小部件。因此,让我们深入

如何快速刷新网页?如何快速刷新网页?Feb 18, 2024 pm 01:14 PM

页面刷新在我们日常的网络使用中非常常见,当我们访问一个网页后,有时候会遇到一些问题,比如网页加载不出来或者显示不正常等。这时候我们通常会选择刷新页面来解决问题,那么如何快速地刷新页面呢?下面我们就来探讨一下页面刷新的快捷键。页面刷新快捷键是一种通过键盘操作来快速刷新当前网页的方法。在不同的操作系统和浏览器中,页面刷新的快捷键可能有所不同。下面我们以常见的W

See all articles

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

AI Hentai Generator

AI Hentai Generator

免費產生 AI 無盡。

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
2 週前By尊渡假赌尊渡假赌尊渡假赌
倉庫:如何復興隊友
1 個月前By尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
4 週前By尊渡假赌尊渡假赌尊渡假赌

熱工具

Safe Exam Browser

Safe Exam Browser

Safe Exam Browser是一個安全的瀏覽器環境,安全地進行線上考試。該軟體將任何電腦變成一個安全的工作站。它控制對任何實用工具的訪問,並防止學生使用未經授權的資源。

SublimeText3 Linux新版

SublimeText3 Linux新版

SublimeText3 Linux最新版

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)