YouTube

Got a YouTube account?

New: enable viewer-created translations and captions on your YouTube channel!

Chinese, Simplified subtitles

← Mixing .replace() and .append() - JavaScript Basics

Get Embed Code
6 Languages

Showing Revision 1 created 08/16/2016 by Udacity Robot.

  1. 我们知道 HTML 定义了页面的内容
  2. 也了解了文本替换的方法
  3. HTML 里的占位符可以用真实数据替换
  4. 只要再加些 HTML 字串就能建好我们的简历
  5. 来看 helper.js 我们获取了其中内容
  6. 并置于屏幕的右侧
  7. 里面包含有你所需的帮助数据
  8. 因为 helper.js 出现在 resumebuilder.js 之前
  9. 后者在下面 你暂时看不到
  10. 它先被载入 我们能访问 helper.js 中的所有数据
  11. 下面来写 resumebuilder.js.
  12. 这里有几个字符串变量
  13. 比如 HTML mobile HTML email 和 HTML twitter
  14. 几个变量都含有 百分号-数据-百分号 格式的占位符
  15. 看这些地方
  16. 这些占位符最后都会由实际数据替代
  17. 那么我们如何完成替换过程?
  18. 跟之前用 fun 替换 awesome 一样 调用 replace 方法
  19. 让我们来看看
  20. 比如想要我的名字出现在这里
  21. 这种情况下
  22. 先新建一个存储 HTML 数据的变量
  23. 给变量起名 formattedName
  24. 赋值为 HTMLheaderName.replace %data%
  25. 再传入存储我名字的变量
  26. 再然后把我的名字加到头部
  27. 好了
  28. 一切搞定
  29. 很酷