本文翻译youtube上的up主kudvenkat的javascript tutorial播放单

源地址在此:

https://www.youtube.com/watch?v=PMsVM7rjupU&list=PL6n9fhu94yhUA99nOsJkKXBqokT3MBK0b

本次视频我们将讨论一个简单的实时例子,例子中我们会用到indexOf(),lastIndexOf()以及substring()方法

在网页的head部分,加入如下的script部分

    function getEmailandDomainParts() {
var emailAddress = document.getElementById("txtEmailAddress").value; var emailPart = emailAddress.substring(0, emailAddress.indexOf("@"));
var domainPart = emailAddress.substring(emailAddress.indexOf("@") + 1); document.getElementById("txtEmailPart").value = emailPart;
document.getElementById("txtDomainPart").value = domainPart;
}

最后把一个按钮的onclick属性指定为呼出该Javascript函数

[input type="button" value="Get email & domain parts" style="width:250px"
onclick="getEmailandDomainParts()"/]

在Javascript教程的11章,我们讨论了indexOf()函数,lastIndexOf()在操作string方面同样也很有用

lastIndexOf()方法会返回string中最后一次出现的特定值的位置,因此这个方法会从头找到尾,直到最后一个符合的index被返回为止.如果在string中没有能够找到指定值的话,会返回-1

例子:获得一个点(.)在string中的最后index位置

var url = "http://www.csharp-video-tutorials.blo...";
alert(url.lastIndexOf("."));

Output : 42

同时运用lastIndexOf()和substring()方法

在网页的head部分,加入如下的script

    function getDomainName()
{
var url = document.getElementById("txtURL").value;
var domainName = url.substr(url.lastIndexOf("."));
document.getElementById("txtDomian").value = domainName;
}

最后在按钮的onclick属性中指定呼出该Javascript函数

[input type="button" value="Get top level domain" style="width: 300px"
onclick="getDomainName()" /]

最新文章

  1. C++实现邮件群发的方法
  2. jQuery 遍历(上)
  3. ubuntu 14.04 64位安装bigbluebutton
  4. css去掉a标签点击后的虚线框
  5. FILETIME, SYSTEMTIME 与 time_t 相互转换
  6. ASP.NET MVC5总结(二)@HTML扩展
  7. 一劳永逸让windows 64位操作系统 禁止强制驱动签名
  8. JavaScript性能优化技巧之函数节流
  9. 移动端ios 输入框fixed固定在底部 焦点时乱跳加遮盖问题的解决 转自zhangyunling 加个人项目解决方案
  10. 数据仓库:Mysql大量数据快速导出
  11. 重启HA集群NameNode无缘无故挂掉
  12. sitemesh使用
  13. <c:if test=""></c:if>如何判断空(使用例子)
  14. 关于ST-Link下载STM32程序的使用
  15. python多线程同步机制condition
  16. Nginx 随笔
  17. js轮播插件
  18. 201709013工作日记--Android消息机制HandlerThread
  19. ArcGIS10.3+Oracle12C+ArcGIS Server10.3安装布署(之二)
  20. PHP 表单 - 5(完整表单实例)

热门文章

  1. PLSQL Developer 攻略
  2. centos安装yum源
  3. mysql下this is incompatible with sql_mode=only_full_group_by解决方案
  4. java中List、Map、Set、Collection、Stack、Queue等的使用
  5. JavaScript函数的默认参数(default parameter)
  6. python-snappy的安装小记
  7. Spring Boot发布和调用RESTful web service
  8. IIS:template
  9. win 7命令行大全
  10. 2011-12-14 调用cmd并获得输入输出+网络访问